Resize Gallery Banner for Mobile

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

Hello,

I'm not a web designer but am somewhat familiar with CSS Code w/SqSpace.  I've tried multiple code to adjust down the size of the home page gallery banner (at very top of page) b/c it's cropping off the sides of the logo under Mobile view (see screenshot below).  I think the image at top is being fed by an image in the Gallery (?promoted gallery banner?) but not exactly sure.  I need the image (and nothing else on the page) to shrink slightly so the logo edges aren't cut off.  Can you help?   

The image looks fine here. Did you solve this?

No, it's not fixed.  The image I originally posted (with the sides cropped off) is still how it displays in Mobile view.  We want Mobile view to look more like this image:

On 3/1/2021 at 12:08 AM, eMDe said:

No, it's not fixed.  The image I originally posted (with the sides cropped off) is still how it displays in Mobile view.  We want Mobile view to look more like this image:

Add to Design > Custom CSS

/* resize home mobile banner */
@media screen and (max-width:640px) {
body.homepage div#promotedGalleryWrapper img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}
body.homepage div#promotedGalleryWrapper {
    height: 170px !important;
}
}