How to Ignore element on mouse hover

Hey guys!

I’m trying to replicate this interaction on the project names with the reveal of an image on hover: Agency of the Year 2020 on Awwwards
The image is giving me trouble with the boundaries of the hover state. I’ve tried some custom css pointer-events: none;]
to ignore the image so the hover boundaries would be only on the div area but it does work…
Can someone help with this ?

https://preview.webflow.com/preview/jwgimport?utm_medium=preview_link&utm_source=designer&utm_content=jwgimport&preview=320022179fa13529ef0f3f510da0c9e9&pageId=604193247248c14eeb821670&mode=preview