JSFiddle - React, Tailwind, and code Playground

HTML

<div id='container'>
    <div id='block'>
       
    </div>
</div>

CSS

#container {
    width: 443px;
    height: 348px;
    margin: 10px;
    border: 1px solid #000;
}

#block {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border: 1px solid #000;
    
    background: url(http://www.dlssoftwarestudios.com/wp-content/uploads/2012/02/javascript-tricks.jpg);
}

JavaScript

$("#block").draggable({ 
    containment:"#container", 
    scroll:false,
    drag: function(e, ui) {
        ui.helper.css({
            'backgroundPosition': -ui.position.left + 'px ' + -ui.position.top + 'px'
        });
        
        console.log(ui.position);
    }    
});