Rendering Image Thumbnails

Hello! I am implementing an Art Gallery with a CMS for a client. On the main gallery page https://art-by-wyatt-staging.webflow.io/ in chrome on my laptop, I am seeing alot of what I think is Aliasing in the images when they are scaled down for the gallery. I also see Moire effect when resizing. I am wondering if anybody else has encountered such issues, and what solutions are available?

I guess I could try exporting a thumbnail-size file of each image and use that for when they are displayed at smaller scale, but wanted to see what other options are available that don’t require uploading multiple versions of the same image.

Thanks!
Samson


Here is my site Read-Only: [LINK][1]

As long as Webflow don’t offer a way to automate this, having a smaller version for a grid of image is really a good practice here yes.