Firefox 3D transforms and z-index

Firefox 3D transforms and z-index

I created flipping cards that based on CSS transitions and transforms, but
it has a few rendering glitches in various browsers when card is flipping.
Live example
In Firefox the top card which is animates overlaps by the under cards.
In Chrome the card is flickering when animates.
backface-visibility:hidden and transform-style:preserve-3d are specified,
and everything else seems to be okay.
Maybe there's some other CSS/JS hack?
Thanks