When I add images using the image block, they appear perfectly circular when previewed in wp-admin — however, when I view the images on the live site they are not circular. Why might this be?
You should notice that the images are out of ratio as you are using the resizer to make the images square at 200px by 200px.
The better solution would be to make sure the original image is already square/1 to 1 ratio, then the Rounded option would work without the CSS I’ve provided and images would not be out of ratio.
I was aware of that, but the issue is having the client remember to always upload (and create) a perfectly square image! This is easier said than done!
Since the images appear perfectly circular in the admin panel, I am really confused as to why they don’t appear correctly on the live site?