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

Hey Alexander, just wondering if you figured this out? I’m also trying to apply the isolation property to one specific child of an element and struggling to get it to work (I have limited coding knowledge).