Hello,
The following issue is caused by browser downscaled image rendering and didn’t relate to our theme. For better site performance and look image sizes need to be served in correct proportions. For example if the column has 300px width – image placed in that column mast be in close sizes for example 300-400px. In your case you placed 1000px image (https://prnt.sc/wmn4dr) in 222px container (https://prnt.sc/wmn2ui) – in result this usage create almost x5 downscaling that may cause browser rendering issues.
More about this issue can be found here:
https://bugs.chromium.org/p/chromium/issues/detail?id=562162
https://stackoverflow.com/questions/37906602/blurry-downscaled-images-in-chrome
To fix this issue we can suggest reducing image sizes close to the container size or add following custom code which is commonly suggested in similar image issues on StackOverflow.
.elementor-container img {
image-rendering: -webkit-optimize-contrast;
}
Code need to be placed to the Custom CSS area in Theme Settings
Best Regards
.
