When I move my mouse over an element that has a 3D animation specified to, an element that sits on top of it (to loop icon) disappears after a particular angle. Please see the screenshots below and you will know what I mean by that. How do I prevent this from happening? I already tried adjusting the z-index for both elements but that don’t seem to have any effect whatsoever.
I have had this problem multiple times and never took the time to solve this, but now I really want to.
You can find the element where the 3D interaction is set to in the last screenshot.
Here is my public share link: LINK