Переворот карточки у нас будет с хитростью. Если мы ее просто повернем, то она будет немного как бы вылазить наперед.
Что бы это избежать, надо у элемента card
сместить центр перспективы вправо.
Класс flipped должен сдвигать элемент на 100% влево, и поворачивать его вокруг оси Y
против часовой стрелке.
Также все дочерние элементы у .card
должны оставаться в своем 3d пространстве
Эта задача — часть курса по Full-Stack JavaScript.
Ты можешь задать свой вопрос в комментариях под постом.
Если ты уже решил задачу, то не стесняйся помочь другим.