Доброе время суток, очень нужен совет лютых верстальщиков, я новичок в этой теме, сильно по шапке не бейте :) Суть вот в чем. В шаблоне в качестве фона имеется вот такая картинка

. Она занимает 2 блока по горизонтали, при адаптации под мобильники, блоки выстраиваются по вертикали друг над другом, растягивая height родительского контейнера. В итоге получается вот такая штучка-дрючка

Как мне это сверстать, чтоб блоки сливались при адаптации, чтоб не было этого белого промежутка? Пробовал svg, также position: absolute; не помогло. Кстати есть возможность использовать каждую линию отдельно.