Backface-visibility Doesn't Work On Firefox

I'm making this website and i'm on a big issue between browsers. I've added some animations on the site and i had problem with elements moving when i was triggering an animation. I

Solution 1:

This is a known issue as per explained in this thread and in this ticket.

Here is the only workaround that worked for me:

Adding 'transform: rotateX(0deg)' to the .front, .back rule fixes this.