Background Slider on Mobile

Good morning all! I've been trying to figure out how to get my full bleed slider images on my website to display at 100% width on mobile view. I do not like the way that Squarespace autocrops my images. Is there a way to do this with custom code? Slider images are in section 1. 

Website: stayiu.com

If this isn't possible while still having it look good I'm open to completly replacing the image for mobile view and passing on the slider all together (for mobile). The image I have prepared is saved in my assets and named: stay with us! (2).png

Is anyone able to help?

You can use this to Website Tools > Custom CSS

@media screen and (max-width:991px) {
body.homepage .gallery-fullscreen-slideshow {
    height: 35vh !important;
}
}