Grey space underneath image on mobile view when code added

Site URL: https://www.cosimainteriors.com/

Hi there,

When i added this code:

@media screen and (max-width:640px) {
.homepage .section-background img {
    width: 100% !important;
    height: auto !important;
}
}

I get a huge grey space underneath?

Please could you help me get rid of this grey space but so i can keep banner full/80% width

Thank you so much.

Remove your code & add this new code

/*resize mobile banner */
@media screen and (max-width:767px) {
body.homepage #page section:nth-child(2) {
    min-height: 20vh !important;
    height: 30vh;
}
}

Amazing thank you so much!