JSFiddle - React, Tailwind, and code Playground

by vals

HTML

<div class="main"></div>

CSS

.main {
    width: 200px;
    height: 300px;
    position: relative;
}

.main:after {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("http://placekitten.com/200/300");
    content: '';
    -webkit-animation: spinX 3s infinite;
}

@-webkit-keyframes spinX
{  
0%   {-webkit-transform: rotateX(0deg); -webkit-transform-origin: 0% 50% 0;}  
100% {-webkit-transform: rotateX(360deg); -webkit-transform-origin: 0% 50% 0;}  
}