Image reveal on hover + cursor follow - Z-index issue

Design help Animations & Interactions
1

Hello,
I’m trying to recreate this effect shown here: https://flowmingo-mini-6.webflow.io/
but I would like the image to be shown over the text, instead of in the background. I tried it changing the Z-index but now the effect doesn’t work anymore. Any idea how can I fix this?

Preview project here: https://preview.webflow.com/preview/flowmingo-mini-6?utm_medium=preview_link&utm_source=showcase&utm_content=flowmingo-mini-6&preview=24d9b654e141bfa02f1bf9e4d96604c5

Thanks!

Here is my public share link: LINK
(how to access public share link)

2

For your Image Preview Wrap block set a higher positive z-index and you should also apply pointer-events: none using custom CSS and it should work.

3

Thank you so much, that worked!

I’m encountering a different issue now: I can’t make the image to be centred with the mouse and stay fixed in the middle, like in this example: https://flowmingo-mini-6.webflow.io/

I put all the same settings but for some reason, my project is all decentered (component at the bottom of the page that says “hiro in the news”: https://preview.webflow.com/preview/www-blockstack-d63682afc5326964230c5494?utm_medium=preview_link&utm_source=designer&utm_content=www-blockstack-d63682afc5326964230c5494&preview=0f837a135edd6f4186262509414b0c5e&pageId=621796071ef049230f7eeca0&workflow=preview
Any idea how can I fix this?
Thank you!