JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block"/>

CSS

div { 
    position: absolute; 
    background-color: #abc;
    left: 0px;
    top:30px;
    width: 60px; 
    height: 60px;
    margin: 5px; 
}

JavaScript

function animate() {
    $(".block").animate({
        left: '+=500px'
    }, 2000);
    $(".block").animate({
        left: '0px'
    }, 1, animate);
};

$(animate);

$(".block").mouseenter(function() {
    $(".block").stop(false, true);
});

$(".block").mouseleave(function() {
    animate();
});