Image blocks wont resize on phone

Site URL: https://thewargameclub.com

I have a sizing issue on mobile that I would like to try and fix.

The image block on desktop look great but when it's resized for mobile, it's far too large.

I've tried copying all sorts of CSS, but can't get it to work. 

How do I fix it?

On 7/1/2021 at 9:08 PM, RuneH said:

Site URL: https://thewargameclub.com

I have a sizing issue on mobile that I would like to try and fix.

The image block on desktop look great but when it's resized for mobile, it's far too large.

 

I've tried copying all sorts of CSS, but can't get it to work. 

How do I fix it?

Try adding to Design > Custom CSS

/* resize mobile top banner */
@media screen and (max-width:767px) {
[data-section-id="60dfae2db3b1b738926248d5"] {
    min-height: unset !important;
    height: 35vh;
    margin-top: 10vh;
}
}