.banner-element {
    box-sizing: border-box;
    padding: 3px;
}

.banner-element img {
    width: 100%;
}

.banner-element-slider {
    width: 66.666%;
}

.banner-element-primary-wrapper {
    width: 33.333%;
}

.banner-element-primary {
    width: 100%;
}

.banner-element-secondary {
    width: 33.333%;
}

@media screen and (max-width: 767px) {
    .banner-element-slider {
        width: 100%;
    }

    .banner-element-primary-wrapper {
        display: flex;
        width: 100%;
    }

    .banner-element-primary {
        width: 50%;
    }
}

@media screen and (max-width: 640px) {
    .banner-element-secondary {
        width: 100%;
        height: 195px;
        overflow: hidden;
    }

    .banner-element img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media screen and (max-width: 389px) {
    .banner-element-secondary {
        height: auto;
    }
}