Blending Effect not applying on an Image | Stacking Context Issue Help PLEASEšŸ”“

Design help Layout & Design
1

Screenshot 2024-06-03 173407
Screenshot 2024-06-03 1734071902Ɨ762 92.4 KB

Hi,
I have added a decoration image on top of the body and despite setting max z-index or negative z-index, the ā€œcolor-burnā€ blending effect simply does not apply to the two images.

though, i have added the effect to the image in the footer, i am struggling with the other two in the contact and FAQs section.

Could you please tell me where am i making mistake? thanks.

Here is my site Read-Only:
https://preview.webflow.com/preview/fasterui-e54934?utm_medium=preview_link&utm_source=designer&utm_content=fasterui-e54934&preview=ad8ca8dec901e28d9626874bd16ed01b&workflow=preview

2

@topg It seems that the effect is getting applied but itā€™s not highly visible due to difference being just one color. Try adding an image behind it to confirm that itā€™s working.

Iā€™d suggest trying put a different blending mode or playing around with positioning of the asset so that you can confimr when the effect starts working