JSFiddle - React, Tailwind, and code Playground

HTML

<div>

</div>

CSS

div {
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
    animation: ROTATION 5s linear infinite;
    background-size:cover;
    background: transparent no-repeat 100% 0;    
}

@keyframes ROTATION {
  0% {
    transform: scaleX(1);
    background-image: url("http://www.europaplus.ru/upload/thumb/news_308/images/news/Air_900.jpg");
  }
  25%{
    background-image: url("http://www.europaplus.ru/upload/thumb/news_308/images/news/Air_900.jpg");
  }
  26%{
    background-image: url("http://otdih72.ru/uploads/events/08f3a61ad41097f8848631932339c417.jpg");
  }
  50%{
    transform: scaleX(-1);
    background-image: url("http://otdih72.ru/uploads/events/08f3a61ad41097f8848631932339c417.jpg");
  }
  75%{
    background-image: url("http://otdih72.ru/uploads/events/08f3a61ad41097f8848631932339c417.jpg");
  }
  76%{
    background-image: url("http://www.europaplus.ru/upload/thumb/news_308/images/news/Air_900.jpg");
  }
  100% {
    background-image: url("http://www.europaplus.ru/upload/thumb/news_308/images/news/Air_900.jpg");
    transform: scaleX(1);
  }
}