.banner-container .banner-image-container {
    position: relative;
    margin-top: 1rem;
}

.banner-container .banner-image-container > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-container .banner-desktop .banner-image-container {
    padding-bottom: 25%;
}

.banner-container .banner-mobile .banner-image-container {
    padding-bottom: 66.66%;
}

@media (min-width: 545px) {
    .banner-container .banner-mobile {
        display: none;
    }

    .banner-container .banner-desktop {
        display: block;
    }
}

@media (max-width: 544px) {
    .banner-container .banner-mobile {
        display: block;
    }

    .banner-container .banner-desktop {
        display: none;
    }
}