JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<div class="background"></div>

CSS

body {
  margin: 0;
  padding: 0;
  height: 200vh;
}

.background {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-size: 130% 130%;
  background-repeat: no-repeat;
  background-image: radial-gradient(black 20%, red);
}

JavaScript

$('.background').mousemove(function(e) {
    var x = (e.pageX * -1 / 5), y = (e.pageY * -1 / 5);
    $(this).css('background-position', x + 'px ' + y + 'px');
});