title: Image with parallax effect on full screen page without scrollbars
body: <p>My landing page needs to be 100vh / 100vw with no scrolling.  The background is an image with a parallax effect so when the mouse moves the image moves.</p>
  
  <p>I'm struggling to work out how to make it work.  For the parallax image, I currently have:</p>
  
  <pre><code>min-height: 100vh;
  min-width: 100vw;
  </code></pre>
  
  <p>The page is 100vh/100vw, as I need it to be.  The problem is that when the image moves (on mouse move), it no longer covers the page.  I need to make the image bigger so that it covers the entire page at all times, but I need to preserve a full screen page without scrollbars.</p>
  
  <p>Here's a <a href="https://jsfiddle.net/8udujs97/" rel="nofollow noreferrer">jsFiddle Demo</a> of the problem.</p>