Не получается склеить секции?

Question

[Лобстер]

Здравствуйте. У меня не выходит сделать вот так

Эти backgrounds нарезаны уже в фотошопе(короче они там все такие кривые =) ). 1-й bg прямоугольный, 2-й наезжает на 1-й, а 3-й вплотную прижат к первому.
Как это правильно сделать: https://jsfiddle.net/ygc8nwbz/1/

Answer 1

[iBird Rose]

вырезать стыки в фш и поставить их через after у секций. поверь - другие способы намного муторнее.

Comments

[Лобстер]

ага!

Answer 2

[sergey]

CSS Masks and Transforms Здесь почитайте

Comments

[Лобстер]

Я думал про клипарт, но как мне угадать угол? Кроме этого у меня не получается надвинуть одну секцию на другую