Streaming live at 10am (PST)

Mix-blend-mode with children element isolation

I do understand this is more of just a CSS question, rather than Webflow specific, but I thought the community here may have some experience or insights.

I am trying to accomplish the effect in the attached mock-up, with the div background having a multiply blend-mode over the image, while keeping the containing children elements from inheriting the effect.

So far I have been able to accomplish getting the blend-mode to work, but can’t isolate the children. I have been trying to use the CSS ‘isolation’ attribute, but to no avail. Mock-up screenshot and read-only link below.

Thank you!

Read-Only Link

Staging URL