Javascript-форум - Помогите с задачей!

Здравствуйте!
Делаю сейчас сайт на блочной основе(где каждый элемент(картинка/текст) оформлены в виде квадратиков и размещены по сетке(нет, я не использую table) и допустим, что у меня есть в html'e такие моменты где блок текста следует перед блоком с картинкой, к примеру:

Код:

<div class="texttest">

   <a href="#">

      <h3>Заголовок</h3>

      Здесь идёт разный текст бла бла бла

   </a>

</div>

<div class="imagetest">

   <img alt="" src="images/kartino4ka.jpg">

</div>

В чём проблема: при изменении вида на адаптивное(при показе на мобильных устройствах) текст идёт перед картинкой, что не есть good. Помогите люди добрые статьями которые прочитав я смогу реализовать такой скрипт который когда ширина экрана будет меньше определённого будет менять данные два блока местами, либо кодом, но с комментариями(так как учиться всё-таки надо).
Также между данными блоками могут находиться блоки со стилем visibility:hidden, которые также будут удаляться с помощью remove(это я могу реализовать сам) когда ширина экрана будет меньше определённой. Не помешает-ли данный скрипт, если будет реализовываться перед скриптом со сменой местоположения блоков текста и картинки?