.header-container {
    margin: 0 -0.8rem clamp(30px,4.2vw,80px);
}

.header-container > div,
.header-container .slide {
    height: clamp(200px, 22.47vw, 431px);
}

.header-container > div:last-child img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .header-container > div,
    .header-container .slide {
        width: 100vw;
    }
}

@media (min-width: 767.98px) {
    .header-container {
        gap: clamp(0px,2.84vw,54px);
    }
    .header-container > div {
        width: calc(50% - clamp(0px,2.84vw,54px) / 2);
    }
}