JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <img src="https://mirpozitiva.ru/uploads/posts/2016-08/medium/1472042903_31.jpg">
  <span>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</span>
</div>

CSS

div{}
img{float:right;width:200px;}
span{}
@media (max-width:300px){
  div{display:flex;flex-direction:column;}
  img{float:none;width:100%;order:2;}
  span{order:1;}
}