Unblur part of the image when hover!

[DaveMaxwell]

To resurrect this thread, post pulled from this offshoot to put it back on track…

Basically I am trying to create this effect: (points to Paul’s codepen above)

But with images that they are inside a carousel, lets say 15 images, and for somedays now I cannot figure it out
The js code is getting confused when the images are inside the carousel, and the effect is not working.

I have tried it, with swip.js and some others, but I am not restricted in which I will need to use, if this the matter.

Is there someone that maybe knows better how to make it?