JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1" draggable="true" ></div>
<br/>
<div id="div2" ></div>

CSS

#div1{
    background-color:blue;
    width:100px;
    height:100px;

}
#div2{
    background-color:red;
    width:100px;
    height:100px;
}

JavaScript

document.getElementById('div1').addEventListener('dragstart', function(event) {
    event.dataTransfer.setDragImage(document.getElementById('div2'),50,50);
});