JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item"></div>

CSS

.item {
    width: 200px;
    height: 200px;
    border: 1px dashed #000;
    background: url("http://alexfine.ru/images/Articles/04.06.17_dvizhenie_zadnego_fona/000.jpg") no-repeat 0px 0px;
}

JavaScript

$('.item').mousemove(function(e){

    var $this = $(this),
           relativeX = e.pageX - 20,
           relativeY = e.pageY - 20,
           pos = relativeX + 'px ' + relativeY + 'px ';

    $this.css('background-position', pos);

}).mouseleave(function(){

    var $this = $(this);
    $this.css('background-position', '0px 0px');

}).click(function(){

    // buy it!!!

});