chore(Navbar): header overlaps page content on homepage

[codeurluce]

Description:

The header navigation overlaps with the page content on scroll / initial render.

This causes UI/UX issues where the top section of the page is hidden behind the navbar.

Steps to reproduce:

1. Open Kubeflow website homepage
2. Observe header position over main content
3. This only concerns part of the homepage because when scrolling down, you realize that the header has a background.

Expected behavior:

The page content should not be hidden behind the header.

Actual behavior:

The header overlaps the content.

Possible cause:

Missing top padding/margin or incorrect z-index/sticky header behavior.

Screenshots:

[Ishan-AI-coder]

Hi @andreyvelich @chasecadet @juliusvonkohout — I tested this on both desktop and mobile (screenshots below) and couldn't reproduce the header/content overlap described in this issue.
Desktop:
Clear separation between the navbar and the "Kubeflow" hero heading, no overlap.
Mobile (Chrome, Android):
Same — logo and hamburger menu sit cleanly above the heading with visible spacing.
This may have been resolved by an unrelated navbar/CSS change since the issue was filed. Happy to help investigate further if this is still reproducible under specific conditions (e.g. a particular viewport width, browser, or scroll state) — let me know if there's a repro case I'm missing. Otherwise, feel free to close if this checks out on your end too.