The blur effect on the sticky navigation bar only applies when it is on the main section and not on the rest of the website.

Hello, I have this problem and I don’t understand why.

The navigation bar on my website has a blur effect that makes all the content behind it appear out of focus, but this only works when it is positioned above the main section of my website. The navbar’s z-index is maxed out, so I don’t know why this is happening.