JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://app.divshot.com/css/bootstrap.css">
<link rel="stylesheet" href="https://app.divshot.com/css/bootstrap-responsive.css">
<div> text </div>

CSS

div{
    height: 500px;
    width: 500px;
    position: relative;  
    border: 1px solid #c00;
    text-align: center;
    line-height: 400px;
    font-size: 70px;
    z-index: 1;
}

div::before{
    z-index: -1;
     -webkit-animation: spinX 3s linear infinite;
    content: '';
    background: url("http://25.media.tumblr.com/tumblr_lzlxs0SlWe1rpliteo1_500.gif") no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

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