How to deal with the adaptive in this case?

Question

HTML

I have to make up a rather large project, and I ran into such a problem. The layout should be adaptive, but the design is drawn in such a way that at different resolutions there are a lot of rebuilding elements that follow out of order.
For example:
Desktop -
Mobile -
~30% of the elements are organized this way. That is, a separate mobile version is actually drawn, and not an adaptive one, but an adaptive one is needed.
What are the solutions in such a situation?
1) Make a separate mobile version (the client needs an adaptive, you have to convince him).
2) Make copies of elements in the right places, and hide / show depending on the resolution. (Will there be SEO issues?)
3) Rebuild with jQ tools depending on the resolution.
4) Ask the designer to redesign layouts in such a way that rebuilding is minimal. (Content density is quite high, it may not be possible to do this without sacrificing user experience)
Which option would you recommend? If it doesn't make it difficult, I would ask you to write the pros and cons for each option.
Or suggest your own if you see a better solution.
I can't use PS flex, I need support for legacy browsers.

Answer 1

3. You can rebuild with jQuery. In order to avoid problems with SEO, add and remove these specific blocks using jQuery too. Heavy but good option.
And the task is solved - and there are no problems with SEO, since in fact, these elements are not yet on the page.
I saw good practice using this method.

Answer 2

Why can't you use flexbox? If out of support, check with modernizr and all non-supporting browsers do where possible with float/display:inline-block+rtl-ltr flexbox polyfill or any other css hacks and the rest with jQuery so % of people seeing jumping or blinking blocks when loaded will be lower.
True, and there will be much more work. Well, be sure to discuss all this first with the customer, then with the designer. I would give an estimate 4 times more for this)) Maybe it's really easier to redraw or make a separate mobile site?

Answer 3

I suggest duplicating blocks and wrapping duplicates in noindex to solve the SEO problem.
As for me it's more elegant than using js.