I’ve already made a topic a while ago about an issue with this.
It was partially resolved until I noticed the second product image has some strange behavior.
(second images where to small to display correct so this was resolved then)
So when you hover over a product image in my catalog there is an animation to a second image.
When the animation is done the image receives a blur effect.
So I started to undo all css and looked in my functions if there was anything that could pinpoint this.
But can’t find anything.
Maybe anyone can point me in the right direction?
You can see this happen if you change the time in this code which is found in the css of the second image:
It happens on both Chrome and Edge.
Don’t now about other browsers but I guess it would be the same.
It’s a small details but the blur sometimes hides small details.
Knowing that it’s possible to show the full image without blur makes me wondering what’s causing it.
I can see the full image if I set the transition to a long period like 4 seconds.
Then just at the end of the transition the blur happens.