JSFiddle - React, Tailwind, and code Playground

HTML

<!-- <img src="https://image.freepik.com/vector-gratis/efecto-de-luz-dorada-con-estrellas_1110-964.jpg"> -->

<div>

</div>

CSS

@-webkit-keyframes rotateEndlessly
{
    from 
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to 
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


body{
  overflow:hidden;
  background:#000;
}

div 
{
  height:400px;
  overflow:hidden;
  background-image:url(https://image.freepik.com/vector-gratis/efecto-de-luz-dorada-con-estrellas_1110-964.jpg);

  background-size:cover;
  background-position:center;
    -webkit-animation-name: rotateEndlessly;
    -webkit-animation-duration: 9s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: liner;

}