.draggable:hover {
    cursor: move;
    cursor: -moz-move;
    cursor: -webkit-move;
    z-index: 1;
}

.draggable:hover::after {
   position: absolute;
    top: 50%;
    left: 50%;
    content: "drag me";
    backdrop-filter: blur(20px);
    font-family: 'Syne', sans-serif;
    padding: 1rem;
    border-radius: 50px;
    color: white;
}

<script src="<https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js>"></script>
<script src="<https://code.jquery.com/ui/1.12.1/jquery-ui.js>"></script>

<script>

 // Add this code if you want to be able to move the elements inside the 
containe only 

$(function () {
   $(".draggable").draggable({
     containment: "parent"
    });
});
 
 

// Add this code if you want to be able to move the elements outside the 
containe 

 $(function () {
  $(".draggable").draggable();

});
</script>