.swiper-container-hero {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  position: relative;
  margin-bottom: calc(2 * var(--griditem));
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 1.5rem;
}

.swiper-container-hero .swiper-wrapper {
    max-width: 100%;
}

.swiper-container-hero .swiper-slide {
    overflow: hidden;
}

.swiper-container-hero .swiper-slide > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: calc(-1 * var(--griditem) / 2 - 8px) !important;
}

.swiper-container-hero .swiper-pagination {
    bottom: 0 !important;
}

.swiper-pagination-bullet-active {
    background: black !important;
}

@media (max-width: 900px) {
    .swiper-container-hero {
        aspect-ratio: 1 / 1;
        margin-bottom: calc(1 * var(--griditem));
    }

    .swiper-container-hero .swiper-slide > img {
        height: 100%;
    }
}