.card{height:200px;width:200px;position:relative;animation:rotateCard 10s linear infinite;transform-style:preserve-3d;transition:transform .3s ease}.card:hover{cursor:pointer;animation:pulsate 2s ease-in-out infinite}@keyframes rotateCard{0%{transform:perspective(300px) rotateY(0deg)}to{transform:perspective(300px) rotateY(1turn)}}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.card .front{background-color:var(--main-color)}.card .back,.card .front{height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid var(--main-color)}.card .back{background-size:200px 200px;position:absolute;top:0;left:0}