.front,.back{position:relative;z-index:1;backface-visibility:hidden;overflow:hidden;transition:.5s}.front{z-index:2;transform:rotateY(0)}.back{position:absolute;top:0;left:0;z-index:1;transform:rotateY(180deg);background-color:#fff}@media (max-width: 1279px){.do-flip .front{transform:perspective(600px) rotateY(180deg)}.do-flip .back{transform:perspective(600px) rotateY(360deg)}.icon-card{transition:.5s}.icon-rotate{transform:rotate(45deg)}}@media (min-width: 1280px) and (max-width: 1535px){.flipper:hover .front{transform:perspective(600px) rotateY(180deg)}.flipper:hover .back{transform:perspective(600px) rotateY(360deg)}}@media (min-width: 1536px){.flipper:hover .front{transform:perspective(600px) rotateY(180deg)}.flipper:hover .back{transform:perspective(600px) rotateY(360deg)}}