Why is backface-visibility not working in my design?

Question

css

Here is a snippet of my code . By flipping the card, in theory, .card__backside > .card__description should be displayed, but alas (((
on frontside and backside I have backface-visibility: hidden, but when rotated, a mirrored frontside and its nesting are displayed, although backside should be displayed. card in relative, backside , frontside stretched absolude in height and width z-indexes are also set backside z-index: 6 and frontside z-index: 5 What
am I doing wrong?

Answer 1

http://codepen.io/werty1001/pen/LxZGmV