Как расположить основной фон и тонирующие background?

Question

[by_ultra]

Доброго дня коллеги.
Нужна помощь в следующем:
Есть основой background


И есть тонирущиющий фон поверх основного, причем он должен выходить за пределы контейнера
.

Готовый вариант:


Такие тонирующие background -ы встречаются в макете несколько раз, в середине секции или в конце и всегда выходят за пределы контейнера.
Не могу придумать как их лучше разместить в коде на before или аfter и центрировать.
Буду раз выслушать ваши предложения.

Answer 1

[Андрей Федоров]

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

Answer 2

[an]

через before делайте с position absolute