How to place a block on the site according to the code above, and visually on the site below using JS?

Question

JavaScript

Hello everyone,
I came across an interesting solution from the rosette store, the bottom line is that they placed the text block that is responsible for SEO optimization according to the code above, and visually it is located near the footer, they did this through position abosolute (example of the site page ).
also screenshots of the example

Can you suggest how to organize a similar solution through JS, because in my case it will not be possible to implement it through position absolute, because more blocks will go from below.

Answer 1

Make it through flex and order
https://webref.ru/css/flex
https://webref.ru/css/order

Answer 2

Yes, just create an empty div in the right place and use jquery to take all the contents of the block in which you have the seo text and move it to the prepared
https://jsfiddle.net/gow1rzve/