Флексбокс умеет менять порядок элементов: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Ну или например продублировать эти 2 блока в скрытый контейнер. При изменении медиа запроса - делать скрытый контейнер видимым, а текущий скрывать.
99% такие калькуляторы - ручная работа. В свое время доводилось делать что-то подобное и скажу вам так, требования всегда настолько уникальны, что невозможно использовать что-то еще.