JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://i.imgur.com/5NvOwB5.png" >

CSS

img{
    height:150px;
    width:150px;
    animation: roll 4s linear infinite;
    -webkit-animation: roll 4s linear infinite;
}
@-webkit-keyframes roll{
    0%{-webkit-transform:translateX(0px) rotate(0deg);}
    50%{
        -webkit-transform:translateX(300px) rotate(360deg);  
    }
    100%{-webkit-transform:translateX(0px) rotate(0deg);}
}
@keyframes roll{
    0%{transform:translateX(0px) rotate(0deg);}
    50%{
        transform:translateX(300px) rotate(360deg);  
    }
    100%{transform:translateX(0px) rotate(0deg);}
}