Why am I not getting output ? The hover effect is not working properly

Question

https://sololearn.com/compiler-playground/W3lo50qj5E2w/?ref=app

Answer 1

susi

.card{...} should be position:relative, it is the container of .front and .back

.card div{...} should be position:absolute, it is equivalent to .front,.back{...} in this case.

.card {
width: 200px;
height: 200px;
position: relative;
perspective: 1000px;
}

.card div {
width: 100%;
height: 100%;
position:absolute;
transition: transform 0.5s;
}