Basic rules
Do
Increase blur progressively behind overlaid text and maintain sufficient contrast.
Keep the important image subject visible and make the title and link readable without hover.
Don't
Do not protect paid content with CSS blur alone. Deliver protected content only after authorization.
Do not leave text unreadable when backdrop filtering is unavailable.