JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    <img draggable="false" src="http://www.wallng.com/images/2013/08/image-explosion-colors-background-beautiful-263613.jpg">
</div>

CSS

#parent {
    width: 2000px;
    height: 300px;
}
img {
    user-select: none;
    -moz-user-select: none;
    position: absolute;
    left: 0;
    width: 300px;
    height: 300px;
}

JavaScript

var move = false, prevX;
$('img').on('mousedown', function(e) {
       move = true;
       prevX = e.pageX;
   })
   .on('mousemove', function(e) {
       if (move === true) {
           var x = parseInt($(this).css('left')) + e.pageX - prevX;
           $(this).css('left', x);
           prevX = e.pageX;
       }
   })
   .on('mouseup', function(e) {
       move = false;
   });