We will turn the card over with trickery. If we just turn it over, it will sort of pop out a little ahead.
To avoid this, we need to shift the center of the perspective to the right of the card element.
The flipped class should shift the element 100% to the left, and rotate it around the Y axis counterclockwise.
Also, all children of .card must remain in their 3d space.

This task is part of the Full-Stack JavaScript Course.
If you have any issues with it, you can ask for community help below the post.
Feel free to help others if you’ve already solved the task.