JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box"></div>
<div class="container"></div>

CSS

.box {
    background: red;   
    position: relative;
    width: 100px;
    height: 100px;
    z-index: 100;
}
.container {
    position: relative;
    top: 150px;
    width: 600px;
    height: 264px;
    margin: 0 auto;
    line-height: 264px;
    text-align: center;
    font-size: 16px;
    color: red;
    border: 2px dashed gray;
}

JavaScript

$('.box').draggable({ cursor: "no-drop" });

$('.container').droppable({
    over: function(){
        $('body').css('cursor','copy');
    },
    out: function(){
        $('body').css('cursor','no-drop');
    }
});