Antony Bark

Для фонов создавайте отдельный лаут. Далее играйте позиционированием, отталкиваясь от ID секций и позиции scroll
Как пример подобного вот накинута страничка

Как сделать резиновый svg? , а конкретно пример https://codepen.io/tolfy/pen/LNpEgP
пробуйте менять ориентацию, работает свойство preserveAspectRatio="none"

Если нет дизайнера и вопрос стоит принципиально, то можно повысить скилл и самому научиться сносно конвертировать растр в вектор:

• Установить граф.редактор, имеющий в составе трассер растра, например AdobeIllustrator, CorelDraw(он попроще в трассировании). Есть самостоятельные трассеры, названий не скажу )
  
• Освоить в нём операцию трассирования (там минимум настроек), поставить трассирование на поток.
  
• Профит
  

Я трассирую почти любой растр на автомате за пару минут. Речь не о "богатых" цветом и перонажами иллюстрациях, а именно о графике стиля ClipArt. Порой приходится повозиться с экспортом, но все лого, пиктограмки и проч. графика делаются на ура и быстро.

p.s. потестировал с десяток онлан-трассеров.. или жуть или жадные, как этот vectorizer.io он по результату более-менее адекватен, но забит рекламой и хз может и вирусягами, коммерсы хреновы ))

- открыть SVG и вызывающий его HTML\CSS любым редактором, понимающим UNICODE
- отредактировать style / id / class элементов, прочитав:
https://svgontheweb.com/ru/#css
и далее yoksel.github.io/svg-fill-and-stroke

советую поизучать материалы всего сайта css.yoksel.ru или вот зеркало: yoksel.github.io
здесь больше про SVG : css.yoksel.ru/pages/svg-links

Успехов!

пожалуйста, киньте ваш пример в песочницу.

в ответе Максима Тимофеева Максим Тимофеев есть решение, но вы Dimka Matsi Dimka Matsi поставили решением свой ответ,
решили именно так, как предложил Максим, хотя ему возразили что решение неверное. Достаточно резко ведёте общение.

off topic moderator
что-то часто (1-2 раза в неделю) стали попадаться топики, где автор ставит решением свой ответ.
Это нормально? Нет, я понимаю, когда не предложено никакого решения, но.. )

советую избавиться от градиентов

откуда появляются эти 150px

это стандарт браузера описание вопроса
решение на тостере

может быть так? preserveAspectRatio="none"