Каким образом можно изменить порядок div элементов?

.container-tovar {
  width: 900px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-template-rows: repeat(4, 500px);
  }

С помощью данной конструкции для сайта я получил отображение следующего вида:
"текст картинка
картинка текст
текст картинка"

Со смартфона выглядит так:
"текст
картинка
картинка
текст
текст
картинка"

А нужно так:
"текст
картинка
текст
картинка"

Каким образом можно это сделать?