JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<div class="schemeInner">
<div id="ball" class="animate"></div>
</div>

CSS

.schemeInner {
  background: url("http://edoka.prongs.ru/schemeLine.png") center center no-repeat;
width: 100%;
position:relative;
height: 340px;
}
.animate {
  background: red;
  width:20px;
  height: 20px;
  position: absolute;
  top: 10px;
  left: 0px;
}

JavaScript

function move(){
        $('.animate').animate({
            left: 783
        }, 2500);
    }
    move();