:root {
  --swiper-navigation-size: min(44px, 5vw);
  --swiper-pagination-height: clamp(16px,3vw,24px);
  --swiper-pagination-bullet-size: clamp(4px, 2vw, 8px);
}

.swiper {
  width: min(1000px, 100%);
  aspect-ratio: 16 / 10;

}


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

.swiper-pagination {
  background-color: rgba(255,255,255,0.7);
  line-height: var(--swiper-pagination-height);
  height: var(--swiper-pagination-height);
}

.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0px;
}