Estoy intentando hacer un flipbook para mi sitio web, pero me he dado cuenta de que el reverso de las páginas no se muestra correctamente en Safari. Probé todo tipo de correcciones de webkit, incluido -webkit-backface-visibility , así como algunas correcciones de índice z, pero nada parece funcionar.

Aquí está mi código y ejemplo en CodePen. En todos los demás navegadores, aparecerá un "1" en la página izquierda, llamado .back en el código. Sin embargo, en Safari, me encuentro con una página en blanco.

¿Cómo consigo que esto funcione en Safari? Nota: técnicamente funciona en Safari móvil, pero solo porque nunca uso la parte posterior de una página para mostrar nada.