Mix-Blend-Mode broken?

I recently added some custom CSS to make some images with a white background have Multiply mode over some paper textures. It worked perfectly fine for a few days, and now all the images are white again. Nothing about the code was touched. And I'm not able to use this on any other Squarespace site all of a sudden. Is there any chance that Squarespace blocked this from being used? Wonder what else it could be.

Can you share the code? Can you share the website URL?

https://breezy-brookshire.squarespace.com/

https://breezy-brookshire.squarespace.com/sketches

password: tulip

My goal is to be able to use the paper texture on some of these pages and then have pencil sketches over them in multiply mode. It was actually working great, and then just stopped working. (I am not a front-end developer so I just sort of hack my way through until I find what works.)

I was targeting the images through code injection in the header, and also in Custom CSS. (In some cases I wanted all images on a page to be Multiply, in some cases just one or two.

EDIT: Any other thoughts on this,@Ziggy? Thank you if you can give any help!

What was the Custom CSS that you added?

I realized that in fact it is likely brand new feature of Squarespace that is blocking mix-blend-mode from being used on Classic Editor sections (somehow, not sure how). It was just this past week that Image Blend Mode was rolled out for Fluid Engine images only (allowing the images for ONLY Fluid Engine sections to have overlay mode chosen).

For a few reasons I prefer Classic Editor sections for this site.

A good example of an image would be on this page. See the Sketch on white background on the right in the second section down:
https://breezy-brookshire.squarespace.com/a-little-more-beautiful
password: tulip

Normally I could target it with something like:

#block-yui_3_17_2_1_1675556852451_7042  .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .image-block-wrapper {
mix-blend-mode:multiply;
}

But for whatever reason it stopped working in the last week.

Having the same issue, or at least a very similar one, getting mix-blend-mode to work on https://armadillo-rhombus-7pce.squarespace.com (password: hello). It is a Fluid Engine section, but still no luck.

In the footer section, I need the multicoloured strip to look like this - in Illustrator, the designer had the blend mode for the layers set to multiply (screenshot is from the designer's mockup):

Whereas on the site, all I've got is this, after trying every combination of image class selector I can think of - the mix-blend-mode CSS is doing nothing, for some reason:

If there's an easier way to accomplish this with text, open to that as well, but I haven't had any luck with that so far either!

Thanks in advance for the help!

It appears to works if you rather try to address a previous div class it is nested into than the img itself. Also by targeting the #