Сбой отображения на Ipad

Пытаюсь сделать карточку которая переворачивается при наведении на desktop и при нажатии на ipad и др.

https://jsfiddle.net/3jqr1n40/28/

На телефонах и пк все работает. При попытке открыть на ipad все надписи поворачиваются и блок back забегает за блок front. Пытался менять свойства

.card:active .front {
    transform: rotateY(180deg);
}
.card:active .back {
    transform: rotateY(360deg);
}

Но особой пользы не было.