Resize Image for MOBILE

Site URL: https://www.aatelier.studio/

Site PW: 12345

I need assistance understanding the css code to resize an image on my website when being seen on Mobile.

This is #block-fd59ead411ebd489234b and would like for it to resize when its on a mobile browser

Add to Design > Custom CSS

/* resize mobile image */
@media screen and (max-width:767px) {
div#block-9584e4f76b891194d6b1 {
    width: 50%;
    margin: 0 auto;
}
}

On 6/1/2022 at 9:59 AM, tuanphan said:

Add to Design > Custom CSS

/* resize mobile image */
@media screen and (max-width:767px) {
div#block-9584e4f76b891194d6b1 {
    width: 50%;
    margin: 0 auto;
}
}

 

thanks @tuanphan, even though indirectly. after some trials, i managed to figure out, and could also resize my image for mobile version, successfully.