Describe the bug
When scrolling the page, the CheckCircle2 icon (used to indicate completion) remains visible above the navbar, which contains breadcrumbs. Instead of being hidden behind the navbar, the icon overlaps it. This occurs due to incorrect z-index values for the navbar and the card component, resulting in an improper stacking order.

Expected behavior
The CheckCircle2 icon should respect the stacking context and remain hidden behind the navbar when scrolling.

Screenshots or GIFs

Additional context
The issue arises because the z-index value of the navbar is equal to that of the CheckCircle2 icon. Setting the z-index of the navbar to 20 resolves the issue by ensuring it stays above the card and its components.

Note: For testing, I have created dummy content cards.