.carousel-container {
  transition: transform 0.4s ease;
  transform: translateX(calc(-94% - 16px));
}

.carousel-container.sliding {
  transition: none;
}

.carousel-container.sliding.next {
  transform: translateX(0%);
}

.carousel-container.sliding.prev {
  transform: translateX(calc(2 * (-94% - 16px)));
}

.carousel-slot {
  flex: 1 0 100%;
  flex-basis: 94%;
}

#banner .carousel-slot img {
  width: 100%;
  height: 40vw; 
  object-fit: cover;
  border-radius: 10px;
}