Mix blend mode issue with background

[oriol]

Hi, see here: https://www.graal.com.mx/headers/

I have a section with a video background, then an upper layer with image, and I have element css:

$el .x-bg-layer-upper-image
{mix-blend-mode: multiply;
opacity: 0.85;}

However, on page load, its not working, ie, it shows the solid image, then fades into the mix blend…how do I have this load mix blended?

Thanks.

[ruenel]

Hello @Oriol,

Thanks for writing in! It is not working because the video takes a few seconds to load. It is best that you add some Effects to the Section even just a Fade effect to delay and not automatically show the image while the blend mode does not take effect yet.

• Effects Module | Themeco Docs

Kindly let us know how it goes.

[oriol]

Thanks, understood.

[marc_a]

Hey Oriol,

That’s great.

Thank you.