.carousel-container {
  box-shadow: 1px 1px 11px 2px rgb(0 0 0 / 61%);
  border-radius: 1em;
  width: 80%;
  max-width: 1000px;
  overflow: hidden;
  margin: 20px auto;
  position: relative;
}

.carousel-container, .carousel{
  display: block;
  flex-direction: row;
}

.carousel {
  display: flex;
  transition: transform 2s cubic-bezier(0.51, -0.35, 0.44, 1.24);
  transition: transform 0.5s ease-in-out;
}

.carousel-item {
  min-width: 100%;
  height: 70vw; /* Ajustez la hauteur selon vos besoins */
  max-height: 500px;
  background-size: cover; /* Étire l'image pour remplir le conteneur */
  background-position: center;
  background-repeat: no-repeat;
}