JSFiddle - React, Tailwind, and code Playground

HTML

<div id="slideshow">
<img src="http://oi67.tinypic.com/24mia39.jpg">
</div>

CSS

#slideshow{
    position: relative;
    width: 200px;
    height: 400px;
    overflow: hidden;
    border: 5px solid #fff;
}

#slideshow img{
    position: absolute;
    left: 0;
    top: 0;
    animation: slide 5s infinite;
}

@keyframes slide{
  0%{ transform:translateX(0px) }
  25%{ transform:translateX(-200px) }
  50%{ transform:translateX(-400px) }
  75%{ transform:translateX(-600px) }
  100%{ transform:translateX(0px) }
}