Need help making this hover effect work in Safari

Hi all, hoping someone can help!

I am struggling to get this Text Distort effect to work properly in Safari.

Here is my Read Only

Here is the published site (where you will see the hover effect)

The hover effect itself works as expected in ALL tested browsers.

The problem is that in Safari, the link isnt always clickable.

Most times you have to click rapidly a few times for the browser to recognise that it was a link and navigate you to the target. This is only an issue in Safari. Chrome and Firefox both navigate to the link on first click everytime.

What about this javascript could be causing the issue?

I’m completely stumped at the moment.

Really would appreciate some help, thanks!


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