I am trying to use backdrop-filter to blur the background behind a static header. It works very well on Firefox. But it has issues with Chrome and Edge. From some conversations, I figured out that there was some issue with nested elements having backdrop-filter. I fixed that and it worked well for images.

However, text behind the element with backdrop-filter: blur(10px) is not getting blurred.