How to make banner on mobile view proportions of Desktop view?

Site URL: https://chipmunk-mandarin-37dc.squarespace.com

PW - Shaped2Fit

I was just wondering if someone could help me make the banner more zoomed out on mobile? Thanks

Add to Home > Design > custom CSS

/* resize mobile banner */
@media screen and (max-width:767px) {
body.homepage .Parallax-item:first-child img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
body.homepage .Parallax-item:first-child figure {
    transform: unset !important;
    top: 0 !important;
    bottom: 0 !important;
}
}

Hi I encounter the same issues here, the cover page image and the banner in Homepage are not resized for mobile view. Also the button position moved. Any solution? The code above looks doesn't work for me

https://thisisedenhk.squarespace.com/

pw: edenhk

Thanks so much!