Observation On Background-image stacking order - Creating fancy letterheaded paper

Greetings everyone,

This is my first time here. Thank you in advance for making out time to go through my code.
In the process of attempting “Creating Fancy Letterheaded Paper”, when I place the linear-gradient before the top and bottom images, the “.png” images disappear. After spending hours, I decided to go against the rule and placed the linear-gradient after the ".png images, boom! It worked.
Again, I decided to enter the color values in different style (rgba), and follow the rule of placing the linear gradient first, it also worked.

Please could someone else observe my code and throw more light on the occurence. I also wish to have my code assessed.
The code link is shown below:
Creating Fancy Letterheaded Paper - Chiadi

Thanks a lot.

Hi @Chiadi_Mbibi and welcome to the community :wave:

It seems like you posted the wrong link. It’s indeed called “Creating Fancy Letterheaded Paper” but it’s just a list with Flexbox elements.

Have a nice day,
Michael