Как сверстать такой фон (на несколько экранов)?

Question

[Dramy]

Добрый день.
Подскажите пожалуйста, как правильно сверстать такой фон?

spoiler

Вопрос именно в том, что квадрат выходит за рамки блока "Main Services" (затрагивает предшествующий ему блок и следующий).

Я предполагаю только задать общего родителя на три блока.
присвоить ему position: relative, а квадратам position: absolute? Но что-то мне подсказывает, что это не самый лучший вариант )

Answer 1

[Максим Тимофеев]

в данном примере явно статический фон на body, можно его менять через js при достижении скролом определенной позиции
Задать например через data-background и брать оттуда, когда блок с таковым появился в области видимости

Comments

[Dramy]

Спасибо!

Answer 2

[Ольга Ветер]

В секции main service добавляется две фигуры. Можно через before и after, может отдельными блоками, там по ситуации. И позиционируете их как нужно... Я бы сделала их просто дивами с поворотом, тенью и border-radius.