JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

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

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