lekseykorolev, еще раз: это один заголовок и после него текст.
А уже внутри заголовка выстраивайте его как хотите (гридом удобно).
Да, дизайнер нарисовал тут штуку, которая не выдержит переполнения, но так бывает.
На десктопе флекс или грид и сдвиг параграфа.
На мобилках просто блоки.
Если хотите продолжать держать в коде фигню, то order в помощь.
Блочные элементы сами встают в столбик.
Им для этого не нужны ни флекс ни грид.
А вот где вы там нашли 3 заголовка первого уровня, вот это вопрос.
SEOшники вам такого точно не простят )))
На самом деле он там один. А уже внутри можно span. И, наверное, гридом.
