JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/TweenMax.min.js"></script>
<div>&nbsp;</div>

CSS

div{
    background: #000;
    width: 40px;
    height: 40px;
}

JavaScript

var div=document.querySelector('div');
TweenMax.fromTo(div, 2,
    {position: 'absolute', top: '70%', left: '90%'},
    {bezier:
        {
            type: 'soft',
            values:[
                {top: '60%', left: '80%'},
              
                   {top: '30%', left: '50%'},
                   {top: '50%', left: '20%'},
                {top: '80%', left: '10%'}],
           
        },
     ease: Power2.easeInOut});