CSS keyframe rotateY(180) resets to rotateY(0) problem

Question

I am making a mini javascript game that flips over matching pairs of cards. I have the flipping rotateY(180) working fine on the card element.

However when t