JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="box">a</div>
    <div class="box">b</div>
    <div class="box">c</div>
    <div class="box">d</div>
</div>

CSS

.wrapper {
    height:100px;
    margin-top:-200px
}
.box {
    border:1px solid blue;
	height:100px;
    width:100px;
    display:inline-block;
}

JavaScript

$(".wrapper").animate({ 
        'margin-top': "50px",
      },3000);