@media screen and (max-width: 767px) {
    /* Targets the section wrapper */
    [class*="banner"], [class*="hero"], [class*="section"] {
        height: auto !important;
        min-height: 200px !important; /* Adjust this number to show more/less image */
    }

    /* Forces the background image to fit without stretching */
    [class*="banner"], [class*="hero"], [class*="section"] {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
    }
}