JSFiddle - React, Tailwind, and code Playground

HTML

<body>
   
        <div id="sphere">
         <div id="logo">
           </div>
        </div>
   
</body>

CSS

#sphere {
  position:relative;
    margin: 0 auto;
    width: 274px;
    height: 274px;
    border: 1px solid transparent;
  background: url(  http://hdwallpaperspretty.com/wp-content/gallery/amazing-landscape-pictures/nature_amazing_hd_landscapes_wallpapers_19960_18.jpg) no-repeat top left;
      
}
 
@keyframes sphere-animation { 0% { background-position: 0px 0; } 100% { background-position: -29760px 0; } }
#logo{
  background: url(  http://hdwallpaperspretty.com/wp-content/gallery/amazing-landscape-pictures/nature_amazing_hd_landscapes_wallpapers_19960_18.jpg) no-repeat top left;
  background-size:100%;
  width:50%;
  height:100px;
  margin:0 auto;

  
  
}