JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/TweenMax.min.js"></script>
<div class="parent">
    <div class="child"></div>
</div>

CSS

.parent {
    background: #f00;
    position: relative;
    width: 100px;
    height: 100px;
    top: 100px;
    left: 100px;
}
.child {
    background: #00f;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0px;
    left: 0px;
}

JavaScript

var myTarget=document.querySelectorAll('.child');
TweenMax.to(myTarget,1.2,{top:0,left:500,ease:Power4.easeInOut});