Секция со скрученным фоном

[Hasiev]

Помогите пожалуйста, никак не пойму как выполнить это решение дизайнера (Не знаю как правильно). 

Данную секцию вынес в отдельный PSD-файл .

Если кто-то захочет сверстать, контент не нужно наполнять (текст, девайсы). Меня интересует больше полоса посередине, и ее наклон.

Большое, человеческое, Спасибо! 

 

p.s

Какой месяц подряд у меня не загружаются вложения .. Поэтому ссылка на сторонний ресурс, там и psd, и jpg превьюшка.

p.s.s 

Знаю что можно сделать на псевдоэлементах, трансформах, канвасах .. Но, лучше один раз увидеть правильное решение.

[Hasiev]

Как вариант, я вставил просто background-ом для обертки двух контейнеров ..

[mrnobody]

Что нужно сделать:

Скрытый текст

Попробовал по статье https://css-tricks.com/creating-non-rectangular-headers/, через clip-path, но что-то не очень получается.  

Не получилось добавить тень, сначала через box-shadow, потом через filter: drop-shadow();

 

[Hasiev]

@mrnobody , Спасибо! Буду копать в этом направлении.