#section9 {
  display: none;
}

#section9 h2 {
    display: flex;
    flex-direction: row;
    padding-left: 150px;
}

.carousel-container {
  margin: 0 auto;
  width: 80%; /* Largeur totale visible */
  overflow: hidden; /* Cache le contenu qui dépasse */
  background-color: rgb(239, 222, 215);
}

.carousel {
  display: flex;
  width: calc(800px * 9); /* Largeur totale : chaque image (800px) * 9 avis */
  animation: slide-desktop 50s infinite; /* Animation pour faire défiler les 9 avis */
}

.carousel img {
  width: 800px; /* Largeur de chaque image */
  height: 300px; /* Hauteur de chaque image */
  flex-shrink: 0; /* Empêche les images de rétrécir */
}

@keyframes slide-desktop {
  0% { transform: translateX(0); } /* Image 1 visible */
  10% { transform: translateX(0); } /* Pause sur Image 1 */
  15% { transform: translateX(-800px); } /* Transition vers Image 2 */
  25% { transform: translateX(-800px); } /* Pause sur Image 2 */
  30% { transform: translateX(-1600px); } /* Transition vers Image 3 */
  40% { transform: translateX(-1600px); } /* Pause sur Image 3 */
  45% { transform: translateX(-2400px); } /* Transition vers Image 4 */
  55% { transform: translateX(-2400px); } /* Pause sur Image 4 */
  60% { transform: translateX(-3200px); } /* Transition vers Image 5 */
  70% { transform: translateX(-3200px); } /* Pause sur Image 5 */
  75% { transform: translateX(-4000px); } /* Transition vers Image 6 */
  85% { transform: translateX(-4000px); } /* Pause sur Image 6 */
  90% { transform: translateX(-4800px); } /* Transition vers Image 7 */
  95% { transform: translateX(-4800px); } /* Pause sur Image 7 */
  98% { transform: translateX(-5600px); } /* Transition vers Image 8 */
  99% { transform: translateX(-5600px); } /* Pause sur Image 8 */
  100% { transform: translateX(0); } /* Retour à Image 1 */
}

  /* Media queries pour les téléphones */
/* @media screen and (max-width: 768px) {
  .carousel-container {
      width: 90%;
  }

  .carousel img {
      width: 100%;
  }

  @keyframes slide {
      0% { transform: translateX(0); } 
      20% { transform: translateX(0); }
      25% { transform: translateX(-100%); } 
      45% { transform: translateX(-100%); } 
      50% { transform: translateX(-200%); } 
      70% { transform: translateX(-200%); } 
      75% { transform: translateX(-300%); } 
      95% { transform: translateX(-300%); }
      100% { transform: translateX(0); }
  }
}
*/