Running into a problem where certain images are showing up blurry/low resolution in my grid. First time posting on the forum so apologies ahead of time if there’s formatting issues.
The images are contained in a lightbox element and all have the same class/properties. I’ve noticed that it’s only the images that take up both columns (2/2) of the grid that are showing up blurry. If I click the blurry image within the grid the lightbox is activated and the image within that is fine. Not sure what I’m overlooking.
There are a few potential reasons why an image might appear blurry on a lightbox in Webflow:
The image itself might be of low quality or resolution, which can cause it to appear blurry when it is enlarged.
The size of the lightbox might be larger than the size of the image, which can cause the image to appear stretched or distorted.
The image might not be optimized for the web, which can cause it to load slowly and appear blurry.
There might be a problem with the way the lightbox is set up in Webflow, such as incorrect settings for the size or position of the lightbox.
To fix this issue, you can try the following steps:
Make sure that the image you are using is of high quality and resolution.
Adjust the size of the lightbox to match the size of the image.
Optimize the image for the web by saving it in a web-friendly format, such as JPEG or PNG, and using image compression tools to reduce its file size.
Check the settings for the lightbox in Webflow and make sure that they are configured correctly.
If you are still having trouble, it might be helpful to consult the Webflow documentation or reach out to the Webflow support team for further assistance.
