Issue with "@layer": example has an error, doesn't illustrate how layers work

[aminomancer]

MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/@layer

What information was incorrect, unhelpful, or incomplete?

The example is wrong, the layer does not come after the non-layer content, so the text is green whether there's a layer or not.

Specific section or headline?

Simple example

What did you expect to see?

rebeccapurple text

Did you test this? If so, how?

Just looking at the example

MDN Content page report details

• Folder: en-us/web/css/@layer
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/@layer
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/css/@layer/index.md
• Last commit: 72a0f52
• Document last modified: 2021-11-15T22:04:26.000Z

[Rumyra]

Will look into this as part of #9369

[Rumyra]

Thanks for the issue @aminomancer - this has been address in #12185