Blog Navigation Dropdown Content Overlaps Navbar While Scrolling

When a dropdown menu in the Blog navigation section is expanded and the user scrolls down the page, the dropdown content moves upward and overlaps the navigation bar.

Steps to Reproduce:
1. Open the AsyncAPI website.
2. Navigate to the Blog section in the navigation bar.
3. Expand any of the dropdown menus.
4. Scroll down the page while keeping the dropdown open.
5. Observe the position of the dropdown content.

Expected Behavior:

- The dropdown menu should remain correctly positioned relative to the navigation bar and should not overlap or pass through the navbar during scrolling.

Actual Behavior:

- The dropdown content moves upward and appears through or over the navigation bar when scrolling.

Start at the AsyncAPI website's Blog navigation, reproduce the issue by expanding a dropdown and scrolling, then trace the navigation component and its positioning styles. Done means the open dropdown stays correctly positioned relative to the navbar without overlapping or passing through it while scrolling.

Written by the indexing model from the issue text.