#about-us .ratio {
    position: relative;
    width: 100%;
}

#about-us .ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#about-us .ratio  * {
    object-fit: cover;
    object-position: top;
}

#about-us .ratio::before {
    display: block;
    padding-top: 36.364%;
    content: "";
}

#about-us .page-banner .image img {
    object-position: center;
}


@media (max-width: 575px) {
    #about-us .ratio {
        width: 100%;
        width: calc(100% + 2 * 0.75rem);
    }
    #about-us .page-banner.has-image {
        margin-top: 0;
    }
    #about-us .page-banner .image img {
        left: -0.75rem;
        width: calc(100% + 2 * 0.75rem);
    }

    #about-us .ratio::before {
        padding-top: 55%;
    }
}