On my desktop screen, the order of cols in Bootstrap is as follows:
COL-A COL-B COL-C
<div class"container">
<div class="row">
<div class="col-lg-4 col-md-4">Text 1</div>
<div class="col-lg-4 col-md-4"><img src="myimage"></div>
<div class="col-lg-4 col-md-4">Text 2</div>
</div>
</div>
When the screen size changes to medium (minimum width: 768px to 990px), I would like to achieve the following:
https://i.sstatic.net/ZBKej.png
Thank you in advance for your assistance.