Workaround for some versions of Safari where images are always visible.
/* card faces */
figure img {
backface-visibility: hidden;
/* card faces */
figure img {
backface-visibility: hidden;
+ -webkit-backface-visibility: hidden;
transform: rotateY(180deg); /* back */
transform-style: preserve-3d;
-float: left; /* ff workaround to prevent click selection */
transform: rotateY(180deg); /* back */
transform-style: preserve-3d;
-float: left; /* ff workaround to prevent click selection */