Gallery is not responsive on mobile

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

The images in gallery on home page are not responsive on mobile, tablet seems fine though. I've tried multiple Custom CSS options I've found in the forum and they work in Squarespace but not on the live site.
Any help appreciated!

On 10/21/2021 at 10:55 PM, corihut said:

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

The images in gallery on home page are not responsive on mobile, tablet seems fine though. I've tried multiple Custom CSS options I've found in the forum and they work in Squarespace but not on the live site.
Any help appreciated!

Hi. Add to Design > Custom CSS

/* Resize home top slide on mobile */
@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1562699115847_49331 img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}

div#block-yui_3_17_2_1_1562699115847_49331 {
    height: 200px !important;
}
}

Thank you so much! ;-)