I run into this issue constantly: the order of elements in a desktop view is different than the order of elements in mobile view.
For example, the below landing page in desktop has the hero image on the right (position 1) but for mobile, it has it at the top (position 0).
Usually I would create a second image for mobile, make it first, hide it and then show it only on mobile page sizes, but I figured i could modify it via a bit of JS.
Link to plugin:
Video tutorial:
Let me know what you think, thanks!