Backface-Visibility Not Working Properly in Firefox (Works in Safari)
This bug has been acknowledged by Mozilla. The fix is to add transform: rotateX(0deg) to the front and back objects. Adding backface-visiblity:hidden on the container, as suggested by @yalia, makes the back unresponsive in Chrome, hence that fix should be avoided. Here’s a fiddle with the fix.