Hover through image

Hey everyone,

I’ve been struggling trying to get my hover effects to work with my site for the last few days.
I’ve built a grid block with a lot of images inside the grid sections. The images all have a blur hover effect applied to them and work fine. However, I’ve dropped an image of a cut out shape of an apostrophe on top of the grid as I would like the grid to essentially be masked by this shape.

I want to be able to get my hover effects working through the image, but I can’t seem to get it to work.


Here is my public share link: https://preview.webflow.com/preview/bsa-home-page?utm_medium=preview_link&utm_source=designer&utm_content=bsa-home-page&preview=de17651a8f40f71291e0078d5775b95a&mode=preview

Hey guys, never mind. I managed to rebuild the thing in div blocks so that the whole image is responsive and hover actions all work perfectly.