Banner image - resize incorrectly in mobile

Site URL: https://cuboid-frog-5den.squarespace.com/new-home-flow

Is there a code I can use to have this banner image resize when i'm on mobile?

Add to Home > Design > Custom CSS

/* resize banner */
@media screen and (max-width:640px) {
body#collection-5ff4d9e43771ab4eadfdff52 section.Intro figure img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
body#collection-5ff4d9e43771ab4eadfdff52 section.Intro {
    height: 90px;
}
}