JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <img src='http://sstatic.net/stackexchange/img/logos/so/so-logo-med.png'>
 </div>

        
    <!--marquee direction="left">
        <img  src='http://sstatic.net/stackexchange/img/logos/so/so-logo-med.png'>
     </marquee-->

CSS

div {
  animation-name: diagonal-slide;
  animation-duration: 5s;
  animation-iteration-count: 10;
}

@keyframes diagonal-slide {

  from {
    left: 0;
    top: 0;
  }

  to {
    left: 100px;
    top: 100px;
  }

}