Streaming live at 10am (PST)

Background blur not working properly

Hi!

Running into a vexing problem. I’m trying to use backdrop-filter: blur, but I’m having some issues. Sometimes it works, and sometimes it doesn’t. Some elements get blurred, others don’t. The functionality even changes based on which breakpoint is active. For instance, my menu bar blurs out everything beneath it at larger sizes, but only certain elements (specifically embedded ones) on the default breakpoint. This is only an issue on the homepage.

Also, none of these issues occur in Safari—only in Chrome and Opera. Firefox doesn’t appear to support the functionality at all (at least by default).

Any ideas on what could be causing this inconsistency?

Thanks in advance.


Here is my site Read-Only: Webflow - BennyJohnson.com
([how to share your site Read-Only link][2])