Как лучше реализовать верстку?

Question

[Роман Романович]

Добрый день! в ссылке , по макету получается 2 фона, планируется адаптивная верстка. Подскажите как лучше сделать разметку? Если есть возможность поправить как нужно.


вот что получилось сделать в песочнице

Answer 1

[Андрей Б.]

Вырезаете три отдельных изображения, фон, кошка, собака.
Фону задаете background-size: cover;
Кошку с собакой позиционируете по краям.

Answer 2

[Андрей Федоров]

Можно добавить к wrapper_bg свойства:
background-size: cover;
background-position: center top;

Но у вас в плане адаптивности есть проблемы поважнее. Блоки текста располагаются хаотично при уменьшении ширины вьюпорта. И потом адаптивная - не значит резиновая. Делайте @media-запросах. В случае с фоном подготовьте несколько полных бекграундов разного размера, и меняйте их в зависимости от размера экрана.