Making slideshow gallery homepage fit exactly on mobile screens

Site URL: https://www.inspirationcollective.org/

I'm attaching a video of my homepage on mobile screens. You can see that the image doesn't conform to the exact mobile screen size and scrolls down. I don't mind the cropping of the image, I just want the home page to fit to the dimensions of the mobile screen. 

This is the desired outcome I am seeking - https://www.effekt.dk/ (the mobile version of this site). Here, the image fits and there is no scrolling down. 

These are my site details:

www.inspirationcollective.org

password: inspirationcollective

Any help would be much appreciated. 

Thank you!

Try adding to Design > Custom CSS

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