I have a page where all the content is on top of a background image that (should) spans the whole page.
When the browser is full screen, however, there is a significant amount of white space appearing under the image. I have tried using height: 100vh; for the image and this will fit the screen fully without the white space but it causes another issues of elements disapearing when screen size decreases.
Here is the website at two sizes: https://imgur.com/a/2T5rZDh
Here is my code (note it will look fine in codepen because the processed website does not get large enough for the whitespace to appear): https://codepen.io/anon/pen/aPYdEq?editors=1000