Flexbox, сетка или что-то еще, чтобы сделать отзывчивый фон с перекрывающимися элементами?

#javascript #html #css #flexbox #css-grid

#язык JavaScript #HTML #CSS #flexbox #css-сетка

Вопрос:

Я пытаюсь создать веб — сайт с прикрепленным фоном. Однако у меня возникли некоторые проблемы с бумажными слезами. Первоначально я создавал основной контейнер div для каждого раздела. Однако я не мог заставить его выглядеть правильно.

Попытался сделать фон одним jpg, но это, похоже, не очень хорошо работало. Есть ли умный способ заставить это работать? Я подумал, может быть, я мог бы использовать CSS-сетку с перекрывающимися строками, чтобы она была отзывчивой?

С квадратными частями фона я могу просто заставить двух дивов касаться друг друга, и это нормально. Просто не могу понять, почему порвалась бумага…

Я не совсем уверен, что буду честен. Любая помощь будет признательна!

На изображении ниже показан макет, а красные поля-это место, куда будут помещаться мои разделители содержимого