Как сделать такой переход между блоками?

Question

[Olzhas Beibitbekuly]

Доброго времени суток! Вопрос назрел по верстке. Есть один макет. Там переход блоков интересный.

Пробовал через бордер имейдж, так только оставались белые места как на скрине.

Не получается никак обрезать низ блока, так чтоб он был поверх нижнего блока. Если только картинку не обрезать на фотошопе. Можно вообще средствами css такое сделать? Если есть какие нибудь варианты правильные, подскажите пожалуйста. Заранее спасибо!

Comments

[Lord_Dantes]

На блоке выше вырезаете часть картинки и ставите псевдоэлементом как фон ниже.
А другому блоку ставите вырезанного как-то так.

Answer 1

[FKV]

Можно нижнему блоку задать background этой картинкой в png и подтянут этот блок вверх через position: relative; top: -200px;