The svg is only as high as the inner window but when you scroll the window the svg scrolls with it

Red color should be behind svg, svg should be covering entire viewport

When viewed like this, background should be behind the svg.

The entire svg should be viewable. https://jsfiddle.net/6aqjxf0b/1/

I am not sure why the background is over the svg, or how to fix that in the code.

Is there a way to fix that in the code?

img2gggg