JSFiddle - React, Tailwind, and code Playground

HTML

<div  id="earth"></div>

CSS

#earth {
    width: 100px;
    height: 100px;
    background: url('http://www.noirextreme.com/digital/Earth-Color4096.jpg'); 
    border-radius: 50%;
    background-size: 210px;
    box-shadow: inset 16px 0 40px 6px rgb(0, 0, 0),
        inset -3px 0 6px 2px rgba(255, 255, 255, 0.2);
    animation-name: rotate;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    margin-top:200px;
}


@keyframes rotate {
  from { background-position: 0px 0; }
  to { background-position: 210px 0; }
}