.navbar {
       font-family: Coda;
       font-size:x-large
    }
    
    body {
      font-family: Playwrite Danmark Loopet Guides;
      
    }
    .section-spacing {
      padding: 60px 0;
    }


    

.flip-box {
  width: 100%;
  max-width: 500px; /* ou ajuste selon ton image */
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  backface-visibility: hidden;
  border-radius: 10px; 
}

.flip-box-back {
  transform: rotateY(180deg);
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}