JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content-wrap" id="flash-area">
  <div id="flashlight"></div>
</div>

CSS

.content-wrap {
  max-width:960px;
  width:100%;
  min-height: 592px;
  margin:0 auto;
  position: relative;
  overflow: hidden;
  background: blue;
}

#flashlight {
  background: url(https://s3.amazonaws.com/ip-devs/AllState/keep-your-sanity/img/flashlight.png) center center no-repeat;
  position:absolute;
  z-index:999;
  height:1046px;
  width:1920px;
  pointer-events:none;
}

JavaScript

$('.content-wrap').mousemove(function(e) {
  var x = e.pageX - this.offsetLeft;
  var y = e.pageY - this.offsetTop;
  $('#flashlight').css({
    'left': x-960,
    'top': y-523
  });
});