JSFiddle - React, Tailwind, and code Playground

HTML

<div id="running_cube-container">
                <div>
                  <div class="blue-cube"></div>  <!-- движущийся голубой куб -->
                </div>

CSS

#running_cube-container{
  clear: both;
}
#running_cube-container > div:nth-child(1){
background: #a6e7ff;
}
.blue-cube{
  background: #29c9fb;
  height: 44px;
  width: 40px;
  position: relative;
}

#running_cube-container > div{
  display: inline-block;
  width: 340px;
  height: 44px;
}
#running_cube-container > div > div{
  transition: left 1s ease;
  left: 0;
}
#running_cube-container:hover > div > div{
  left: 300px;
}