Images does not scale correctly in mobile view

Site URL: https://tulip-grasshopper-g8dw.squarespace.com

Hi! I'm building a campaign website and I'm having trouble with automatic scaling of some of the images. 
https://tulip-grasshopper-g8dw.squarespace.com
Password: Greenery2021
 

On the start page and on https://tulip-grasshopper-g8dw.squarespace.com/om-kampanjen it's a black/white image with green hand and green text that's getting cropped.

And on https://tulip-grasshopper-g8dw.squarespace.com/greenwashingfakta it's the top image (B/W image with green paint on).

I've tried different codes I found in the forum in similar threads, but none worked. Please help! 
 

Anyone? 🙂

On 2/16/2021 at 10:47 PM, MariaSL said:

Anyone? 🙂

Add to Design > Custom CSS > Then save & reload your site

/* resize slide mobile */
@media screen and (max-width:767px) {
.gallery-fullscreen-slideshow {
    height: 30vh !important;
}
}