mix-blend-mode cannot see the real page background once the parent has backdrop-filter.
The blur creates its own compositing layer, so the text only blends with the blurred layer, not the page. You will need two separate layers

• one element behind that handles the blurred background (backdrop-filter)

• another element above it for the text using mix-blend-mode