JSFiddle - React, Tailwind, and code Playground

by wetali

HTML

<div id="landing-content">
    <section class="slider"> 
       
            
            
        </section>
    </div>

CSS

#landing-content {
overflow: hidden;
background-image: url(http://i.imgur.com/F2FPRMd.jpg);
width: 100%;

}

JavaScript

$('#landing-content').mousemove(function(e) {
  var amountMovedX = (e.pageX * -1 / 6);
  var amountMovedY = (e.pageY * -1 / 6);
  $(this).css('background-position', amountMovedX + 'px ' + amountMovedY + 'px');
});