Blank Padding where Hidden Block would appear on mobile

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

I used css to hide our desktop view banner on mobile with this:

@ media only screen and (max-width: 640px) {

#block-yui_3_17_2_1_1594327207338_34326 {display: none;}

But now there's blank space above the mobile banner, where the desktop banner would be if it wasn't hidden, seen in the picture below.

Does anyone know how to fix this?

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
section#new-page-5>div {
    padding-top: 0;
}
}