.home-main-hero {
    --home-slide-offset: min(0px, calc((100vw - 150vh) / 2));
    --home-slide-offset: min(0px, calc((100vw - 150svh) / 2));
    flex-direction: row;
}

.home-main-hero .home-slide {
    width: calc(100vh * 1.5);
    width: calc(100svh * 1.5);
    height: 100%;
    aspect-ratio: 3 / 2;
}

.home-main-hero .home-slide img {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}

@keyframes homeHeroSlideLoop {
    from {
        transform: translateX(var(--home-slide-offset));
    }
    to {
        transform: translateX(calc(-50% + var(--home-slide-offset)));
    }
}