React Styled-Components Flex-Box

I had trouble with the hero image overlay. I am missing background colours because they would hide the overflow of the hero onto the main section. When I tried to fix it with the z-indexes I could only get both the navbar and main to cover the hero or not cover at the same time.

There are some other problems too but this was fun and I am really liking utilising styled components.

⌨️🎨