Project Tracking Intro Component using HTML/CSS/JS

To get the light blue/gray background behind the main image of the web page, I used a pseudo element on the body element. I am unsure if there's a more elegant solution. It was the only thing that came to mind for me.

I found that using the default font-size for the desktop view made everything look smaller, so I used CSS variables to scale up the size of the font as the viewport changes in size.

On the layout of the page, I ended up using Grid instead of flexbox, as I couldn't seem to get a flexbox solution working.