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!