адаптировать под разрешение нужно с тем же кол-вом колонок
<div class="views-content">
<div class="views-row odd">
<div class="text-field">текст</div>
<div class="image-field">картинка</div>
</div>
<div class="views-row even">
<div class="text-field">текст</div>
<div class="image-field">картинка</div>
</div>
</div>
display:flex;
, элементы выстроятся друг за другом, подобно ячейкам таблицы. В отличие от табличной верстки, flexbox гораздо гибче и позволяет дополнительные манипуляции (см., например, https://css-tricks.com/snippets/css/a-guide-to-flexbox/ ).