Как исправить ошибку отображения сайта в Safari (используется backface-visibility)?

Добрый день!
Есть вот такой сайт, на котором я учусь верстке.
https://axelerleo.github.io/natours/
на нем есть элементы с классом card. Это карточки, которые при наведении поворачиваются на 180 градусов и отображают оборотную сторону.
На сафари эти карточки отображаются криво, как мне сообщают. Мака у меня нет, нормальные сервисы для тестирования верстки стоят денег.
подскажите, чего этому сафари нужно, чтобы он корректно отображал эти карточки, и отрабатывал анимацию transform: rotateY(180deg)?