Site URL: https://helix-dodecahedron-bbx6.squarespace.com/
Hello!
I have a summary block in a section that has a png file of a logo monogram as the background image. As you scroll through the section some of the black of the background image interacts with the text of making it difficult to read.
I'm using mix-blend-mode: difference and it's working great for the text, but I would like to preserve the original look of the images and not have any blend effect. I can't figure out how to isolate the images in the summary block in order to set a different mix-blend-mode, does anyone know if this is possible within a summary block?
I've attached a screenshot to illustrate the issue, as well as the css I'm currently using.
Hopefully someone has experience with this as it's been driving me nuts all day!
Thanks for your help!