Page media images not showing as resized

Hi, New to Grav and loving it so far but have come across an issue with resizing images using Page media.

I have attached an image (avatar.png) to my page and I'm using the following code to resize it:

![](avatar.png?resize=50,50)

but this is the output on the page:

It looks like the image IS resizing down from the original image size (400x400) but its still displaying it at the original image size. If I check the page source I can also see the image is 50x50.

I'm using the Cacti theme if this is relevant.

Any help grateful.

EDIT: It's showing the image in the correct size within preview which makes me think this is theme related.

Looking into the CSS for the theme I found the issue:

img {
    width: 100%; */
    max-width: 100%; */
    border-radius: 3px;
}

I commended out the width code which resolved it for me:

img {
/*  width: 100%; */
/*  max-width: 100%; */
    border-radius: 3px;
}

Thanks for the heads up, does replying now help?

LOL, I have no idea!