White space around header on mobile

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

I changed my banner from rolling images to one image and for some reason there's now loads of white space around the image on mobile (but not desktop). I'm not sure what I changed in the settings to do this?

I'm not code savvy so please example simply to me on what I need to change to get rid of it! Thank you 🙂

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.sqs-gallery-design-stacked-slide img {
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
}
div#promotedGalleryWrapper {
    height: 200px;
}
}

Thanks so much!! That worked 🙂