Flip Card Animation

In this lab you are tasked to build a card flip animation.

You should only make use of HTML & CSS to complete this challenge. Using of additional libraries is not recommended.

You would have to make use of tranform, transform-style and transition properties to create a smooth transition of the card.

To give the card a 3D effect on rotation. You would have to make use of the perspective property in CSS.

NOTE: This is a self assessed lab. There are no test cases available for this exercise lab. You would have to manually check the challenges when you're done.