How do I stop my navbar overlapping the hero section?

Question

I have a simple navbar which is a flexbox with a container for the links and logo. I have created another flexbox below the navbar which contains two boxes - one for an imag