.swiper-slide {
    background-position: center;
    background-size: cover;
}

    .swiper-slide img {
        display: block;
        width: 100%;
    }

    .swiper-slide .swipeinner .html-text > * {
        color: var(--white);
    }

    .swiper-slide h1 {
        font-size: 55px !important;
        font-weight: 700 !important;
    }

.short__hero {
    position: relative;
    height: 500px;
    overflow: hidden;
}

    .short__hero .hero {
        height: 500px;
    }

        .short__hero .hero .swiper-slide,
        .short__hero .hero .hero__carousel {
            max-height: 500px;
        }

@media (max-width: 768px) {
    .short__hero {
        height: 302px;
    }

        .short__hero .hero {
            height: 302px;
        }

            .short__hero .hero .swiper-slide,
            .short__hero .hero .hero__carousel {
                max-height: 302px;
            }

    .swiper-slide h1,
    .short__hero .hero__content__header h1 {
        font-size: 35px !important;
    }

}