body {
    font-family: Arial, Helvetica, sans-serif;
    background-image: url("images/parquet.jpg");
    background-size: cover;
    display: flex;
    flex-flow: row wrap;
    column-gap: 48px;
    row-gap: 64px;
    align-items: center;
    justify-content: center;
}

.carte {
    border-radius: 12px;
    background-image: url("images/giant-bg.jpg");
    background-size: cover;
    width: 300px;
    height: 350px;
    background-color: rgb(255, 145, 145);
    perspective: 1000px;
}

.carte-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.carte-photo {
    width: 100%;
    height: 75%;
    padding: 12px;
    padding-bottom: 0px;
    object-fit:contain;
}

.carte-texte {
    text-align: center;
    width: 100%;
    height: 25%;
}

.carte-nom {
    font-size: 35px;
    background-color: green;
    color: white;
}

.carte-info {
    border-radius: 0 0 12px 12px;
    height: 100%;
    justify-content: center;
    align-items: center;
    background-color: white;
    color: gray;
}