JSFiddle - React, Tailwind, and code Playground

HTML

<div id="range">
    <span class="test">test</span>
    <img src="http://1.bp.blogspot.com/_Ym3du2sG3R4/TQXJiupb32I/AAAAAAAADCs/KIDut36pOeA/s1600/Green-Nature-with-sunrise-wallpaper.jpeg" id="background" />
</div>

CSS

#range {
    width:400px;
    height:400px;
  
    border:1px solid black;
    position: relative;
}

span.test {
    position: absolute;
    left: 20px;
    top: 20px;  
    padding: 10px;
    background: white;
    z-index: 9999;
}
#background{
   position: relative;
   width:100px;
   height:100px;
}

JavaScript

jQuery(document).ready(function() {
    jQuery("#background, span.test").draggable(); 
});