
Как правило все блоки оформления позиционируются по каждой секции (section).
Порядок для одной секции: оформление-ДО, текст секции, оформление-ПОСЛЕ.
1. Оформление-ДО - ставится первым (верхние углы и слева)
2. Основной текст секции - ставим в середине, оттеняем случайные возможные "наезды" слоёв оформления на текст с помощью прозрачности и z-index'а.
3. Оформление-ПОСЛЕ - ставится последним (справа и нижние углы).
Если картинки/SVG оформления не вписываются в ширину viewport'а - они масштабируются по ширине viewport (иногда со смещением за зону видимости, чтобы сохранить крупную детализацию, потеряв какую-то часть изображения по краям).
Также, можно ограничить высоту блоков оформления сверху и снизу через max-height в адаптивном режиме.