How can I shrink a full width image proportionally on mobile?

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

I'm trying to code the mobile version of this website to show the image more zoomed out instead of cropped. Is this possible? Attached is how its cropped on mobile and then also how I'd like the image to show up.

There is no password, the site is already live.

Thanks!

Use this CSS

/* Mobile Homepage Resize top image */
@media screen and (max-width:767px) {
[data-section-id="61fd73833fd40f4b712d268b"] {
    min-height: unset !important;
    height: 55vh;
    margin-top: 5vh;
}}