Hiding Section On mobile removes half the next section

Site URL: https://amethyst-sawfish-whaf.squarespace.com/

Hi Guys, 

As you can see in my recording, when i try to hide the top section of my site on mobile, it cuts the picture in half that is in the next section. Any suggestions?

Password is: Sshelp

Use this new code to hide that section on mobile

@media screen and (max-width:767px) {
section[data-section-id="61e04a092e3031799885b35d"] {
    display: block;
    visibility: hidden;
    min-height: unset !important;
    height: 100px !important;
}
}