Card flip on click instead of hover

Question

I have this

.front {
    transform: perspective(600px) rotateY(0deg);
}

.back {
    background: rgb(176, 190, 197, 0.8);
    transform: perspective(600px) r