.hero-visual.ki-hero-carousel .ki-carousel-viewport,
.hero-visual.ki-hero-carousel .ki-carousel-track {
  position: absolute;
  inset: 0;
}

.hero-visual.ki-hero-carousel .ki-carousel-slide {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transition: opacity 1.1s ease;
}

.hero-visual.ki-hero-carousel .ki-carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-visual.ki-hero-carousel .ki-carousel-slide.is-active {
  opacity: 1;
}

.hero-visual.ki-hero-carousel .ki-carousel-slide--salt img {
  object-position: center 54%;
}

.hero-visual.ki-hero-carousel .ki-carousel-caption,
.hero-visual.ki-hero-carousel .ki-carousel-dots {
  display: none;
}

.hero-visual.ki-hero-carousel::after {
  z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
  .hero-visual.ki-hero-carousel .ki-carousel-slide {
    transition: none;
  }
}