Адаптивный переброс элемента

За кейс отдельное спасибо!

Если вся история происходит внутри одного контейнера, можно ограничиться медиа-запросами и использованием flex-модели:

<div id="parent">
	<span class="elem1">element 1</span>
	<span class="elem2">element 2</span>
</div>

... и стили:

div#parent  { display: flex; gap: .5rem; }
  div#parent span.elem1 { order: 1; }
  div#parent span.elem2 { order: 2; }

@media (min-width: 768px) {
  div#parent span.elem1 { order: 2; }
  div#parent span.elem2 { order: 1; }
}

Как-то так)