CSS animation not resetting

Question

I have following animation (details don\'t matter):

@keyframes show-card {
    0% {
        opacity: 0;
        transform: translateY(200%) rotateX(-180deg);