hide/remove banner image on a specific page on mobile squarespace version 7.01

Site URL: https://leopard-harmonica-c3fj.squarespace.com/about

How can I hide a banner image on mobile for just my about page?

Using version 7.01

or

I could decrease the size of the image to fit better on mobile.  Code for either or both would be wonderful!  Thank you!

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
/* hide about banner */
[data-section-id="5e1a677089643863811ad131"] {
    display: none;
}
}

worked!  Thank you so much!

However, the hamburger went away.

https://leopard-harmonica-c3fj.squarespace.com/about

Besides helping with the hamburger issue, could you please give me code to see what it would look like to just reduce the size of the banner image instead?

I know it would be something like this, looking at your other posts:

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1576512899628_6107 .image-block-wrapper img {
    max-width: 50%;
    height: auto !important;
}
}