Pan Image js and css with "mask" on top

Question

I am using a js script to make a "pan image" effect as the following link:

http://gdebrasil.com.br/test/

The first one listed has an image on top and so it doesn’t work.. the bottom one is the effect I want, but I need the image making a "mask".

Has some setting in js for the effect to work with the mouse movement without being on top of the image?

I left all css and js code in html for easy viewing.

Answer 1

Solved, I used the pseudo-element after and it worked. I’m taking the test off the air.

Thanks to those who viewed!