Issues with rotational parallax on mousehover

Hello!
I am having quite some trouble understanding an issue when trying to replicate an interaction effect (https://university.webflow.com/lesson/rotational-parallax-on-mouseover-interactions).
Basically in my case, the position of the objects in the 3D Space differs from devices. For example, it looks good on my Windows10 desktop pc with Google Chrome but it looks out of position in my MacBook Pro with the same browser.

The webpage was based in fullpage.js but since I had a lot of trouble with basic interactions, I’ve removed it.

If any of you need screenshots or even a video to take a look into this, I’ll happily oblige,
Any help is more than appreciated!

Thank you!

Here is my public share link: https://preview.webflow.com/preview/jorges-sublime-project-4b60a8?utm_medium=preview_link&utm_source=dashboard&utm_content=jorges-sublime-project-4b60a8&preview=3c41c96c2fbcdccff475598a329a1078&mode=preview[1]
(how to access public share link)