JSFiddle - React, Tailwind, and code Playground

HTML

<p>lorem ipsum dolar</p>
<div class="float">
  <img src="https://place-hold.it/300x500">
  <p>lorem ipsum dolar</p>
</div>

CSS

.float {
  float: left;
  animation: bob infinite 1s ease;
}


@keyframes bob {
  0% {
    transform: translateX(-100px);
  }

  100% {
    transform: translateX(200px);
  }
}