.home-slider {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-bottom: var(--spacing-xl);
    overflow: hidden;
}

.home-slider__slide img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center 20%;
    border-radius: 0;
    display: block;
}

@media (max-width: 768px) {
    .home-slider__slide img {
        height: 320px;
        object-position: center 15%;
    }
}

@media (max-width: 480px) {
    .home-slider__slide img {
        height: 260px;
    }
}