JSFiddle - React, Tailwind, and code Playground

HTML

<div id="blurpic"></div>
<div id="clearpic"></div>

CSS

#blurpic{
 background: url(http://i.imgur.com/nqdI5xp.png);
    width: 375px;
    height: 216px;
  position: relative;
}

#clearpic{
    background: url(http://i.imgur.com/NgeoUGE.png);
    width: 50px;
    height: 50px;
    position: absolute;
 
}

JavaScript

$('#blurpic').mousemove(function(e){
    var xpos = e.pageX - this.offsetLeft;
    var ypos = e.pageY - this.offsetTop;
    
    
    $('#clearpic').css({
       left:  xpos,
       top:   ypos,
       backgroundPositionX: -xpos,
       backgroundPositionY: -ypos
          
    });
});
    
$('#clearpic').mousemove(function(e){
    var xpos = e.pageX -25
    var ypos = e.pageY -25
    
    
    $('#clearpic').css({
       left:  xpos,
       top:   ypos,
       backgroundPositionX: -xpos +9 ,
       backgroundPositionY: -ypos +9
          
    });
});