How to fix rotate3D animation in react?

Question

css

Hello everyone, I'm making an animation in which the pictures should "follow" the cursor, but the pictures behave strangely, in some directions they turn normally, in some they almost don't turn at all. Help, please, how to fix, I definitely don’t notice something obvious in the calculations, the error is clearly somewhere in mathematics.

Here is the code: https://codesandbox.io/s/brave-khorana-ntpki

Answer 1

Why does rotate 3d in React behave so weird?