My custom cursor is not working properly - Cursor problem

I have added a custom cursor, that is meant to scale on hover on certain objects with the selector/style “HOVEREFFECT”. It is also meant to have a difference blending mode.
When I put my cursor-wrapper z-index to below 0, the scaling works as well as link clicks. When I then put my cursor-wrapper z-index to above 0, the blending mode works, but scaling animation and link clicks do not work.

The final result should be a custom cursor that can click links, scales on hover and has a difference blending effect.

Here is my site Read-Only: Webflow - Samuel Personal Portfolio
(how to share your site Read-Only link)

Webflow - Samuel Personal Portfolio