.page-with-banners {
    display: grid;
    grid-template-areas:
        "top  top  top"
        "left content right";
    grid-template-columns: 10% 80% 10%;
    width: 100%;
}

.page-with-banners>*:not(.banner-top-container):not(.banner-left-column):not(.banner-right-column) {
    grid-area: content;
}

.page-with-banners .container-xxl {
    padding-top: 20px;
    margin-top: 0px !important;
}

.banner-top-container {
    grid-area: top;
    text-align: center;
    max-height: 175px;
    z-index: 1;
    margin-top: 20px;
    margin-bottom: 25px;
}

.banner-top-container img {
    width: 80%;
    height: 100%;
    object-fit: contain;
}

.banner-left-column {
    grid-area: left;
    padding-left: 15px;
    padding-top: 130px;
    text-align: left;
}

.banner-right-column {
    grid-area: right;
    padding-right: 15px;
    padding-top: 130px;
    text-align: right;
}

.banner-left-column img,
.banner-right-column img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    max-height: 650px;
    max-width: 175px;
}

@media (max-width: 900px) {
    .banner-left-column {
        padding-left: 2px;
    }
    .banner-right-column {
        padding-right: 2px;
    }
}

@media (max-width: 550px) {
    .banner-left-column img,
    .banner-right-column img {
        max-height: 330px;
    }
}