Использовать тег source в picture для смены изображения. Как только условие в атрибуте media будет true, картинка заменится.
<picture>
<source srcset="desktop.png" media="(min-width: 768px)">
<img src="mobile.png" alt="My image">
</picture>
А для изменения порядка можно использовать flex-direction: column и column-reverse.