Resize first section of homepage to user's window

Site URL: https://www.claritude.app/

On my site at the top section of the homepage, I have two abstract wave images in the top right and bottom left corner that frame the top section. My problem is that on devices with different aspect ratios, these images get shifted up and down in a way that makes the top section look terrible. Is it possible using HTML or CSS to:

1. Detect the size of the user's window

2. Resize just the top section of the homepage so that its height matches the user's window height, while keeping the wave images in the top right and bottom left corner?

There should be a css solution, something along the lines of 

.homepage section:first-of-type {
  height: 100vh;
}

It might need a little tweaking but I can't tell because you've incorrectly inserted some Javascript that is affecting the layout.