Блок сложной формы?

Question

[14cky]

Нужно сверстать блок (зеленый). Как это сделать? Псевдоэлементами?
И как его отнести к верхнему блоку с фоном и контентом?

Или подходит transform: skewX(deg); (Только что в интернете нашел)

Comments

[Сергей delphinpro]

https://tympanus.net/Development/SectionSeparators/

Answer 1

[Олег]

Вариант раз https://jsfiddle.net/Politonius/gdn5kfdo/

Answer 2

[Иван]

css.yoksel.ru/svg-masks
либо псевдоэлелмент