Mix-Blend-Mode an image over the top of a colour section.

Hi all,
Just trying to get something to work and I can’t. I’m hoping someone can help. Trying to apply a mix-blend-mode to an image over the top of an image in a colour section:

I have a colour section with an image background, over the top of which I have 4 columns. In one of the columns I have an image, with a Custom ID Attribute calling up the following CSS:

.blend img {
  mix-blend-mode: screen;
}

This does not make the image blend with the background image, which is what I want.

If I add a colour background to the column, then the image blends with the colour (but not with the image in the colour section) so the CSS is doing something, just not what I want!

If I apply the CSS to the column the image is in, but not to the image, nothing happens.

I’m viewing it in Chrome and I’ve heard that Chrome won’t blend the image if the background is trans, so I tried adding a background colour to the colour section (even though you can’t see it because of the image) – but this made no difference.

I’ve also tried screaming loudly at the screen. This didn’t work either but made me feel better.

So how do I make an image in a column over the top of an image in a colour section blend with the image in the colour section?

Thanks In advance.