css cant rotate card back

having some trouble with css. ive rotated my card and want to make it come back to original state when i hover over it. im adding my css for card. what do i need to add to hover? ive tried with the same transform but i dont get it right..

.card-size {
    transform: rotateX(-25deg) rotateY(-40deg) rotateZ(-15deg) translateY(50px) translateX(-30px);

}

.zone:hover {
/* what to write here to rotate back to original state??? */

}