Как сделать адаптивный фон который продолжается на 4 блока по 900px?

Question

[Максим js]

Подскажите как правильно организовать такую верстку ? на сайте есть 4 блока , каждый на всю ширину экрана, но у всех должен быть единый фон высотой 3600px. Как сделать чтобы на разных разрешениях не вылазила залазила часть фона с другого блока, а всегда на любом разрешении была именно та часть которая соответствует блоку?
вот фон https://yadi.sk/i/eQ-Wj_G3xvGjwg
Пробовал резать фон на 4 части и прописывать background size: cover; но тогда части картинки обрезаются и нет четкой границы стыкования фона. Может кто сталкивался?

Answer 1

[Алексей Уколов]

Обернуть 4 блока в единый контейнер и задать фон ему.

Comments

[Максим js]

делал , но опять обрезается часть изображения сверху при background size: cover;

[Алексей Уколов]

Невозможно сделать адаптивный фон, чтобы он при этом не обрезался, не искажался и закрывал 100% блока.