Gracias por responder @xfxstudios
Me he basado en este ejemplo:
https://codepen.io/tyrellrummage/pen/wqGgLO
El cual es bastante más complejo y queria simplificarlo todo lo posible
Si lo pongo como dices el texto queda al mismo nivel que la capa porque no funciona
.card>*{transform:translateZ(2em);}
Mientras que así cuando esta volteando tiene mayor efecto 3D al verse flotado el texto del resto del div
.card>*>*{transform:translateZ(2em);}
Podria ahorrarme el efecto, pero me gustaria conseguir replicarlo con el código justo y necesario
Un saludo y a la espera de una solución