JSFiddle - React, Tailwind, and code Playground

HTML

<div style="position:absolute; top:0; left:0; border:1px solid black; width:100px; height: 100px; background-color: red;"></div>
<div style="position:absolute; top:50px; left:50px; border:1px solid black; width:100px; height: 100px; background-color:green; "></div>

<div style="position:absolute; top:0; left:200px; border:1px solid black; width:100px; height: 100px; background-color: red;"></div>
<div style="position:absolute; top:50px; left:250px; border:1px solid black; width:100px; height: 100px; background-color:green; transform: rotate(45deg); "></div>

JavaScript

$('div').draggable({ revert:true });