.swiper {
  overflow: visible !important;
  width: 100%;
  /* height: 500px; */
  color: white;
  --swiper-navigation-color: var(--swiper-controls);
  --swiper-pagination-color: var(--swiper-controls);
  filter: drop-shadow(0px 3px 25px rgba(0, 0, 0, 0.081));
  border-radius: 50px;
}

.swiper img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.swiper-slide {
  transition: opacity 300ms;
}

.swiper-slide:not(.swiper-slide-active) {
  opacity: 0;
}

.swiper-slide.swiper-slide-active {
  opacity: 1;
}