может так?
input.value = 'значение которое надо вывести в инпуте'

Во флексах вы не можете из одно контейнера переместить элементы в другой контейнер
В ваше примере нужно или переделать структуру или гриды или JS выдергивать кнопки и помещать их в другой контейнер (https://habr.com/ru/post/502028/) или оставить как есть дублировать в хедере кнопки в целом допустимо

.about-item{ display: flex}
.about-item:nth-child(2n) p { order: 1}

У Каждого четного about-item параграфу меняйте порядок через order.
Ну или не параграф а картинке ... там уже как надо докрутите

вырвать его из потока документа задав ему абсолютное позиционирование
или получать result высоту и body задавать отрицательный margin