.swiperArea{
  position: relative;
}
.swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-slide img {
  height: auto
  width: auto;
  object-fit: cover;
  display: block;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 40px;
  font-weight: 900;
  color: rgba(255,255,255,0.8)
}

.swiper-pagination-bullet{
  background: var(--font-red_light);
}

@media (max-width: 768px) {
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0;
  }
}