У меня есть следующая bootstrap схема, которая прекрасно работает на не мобильных устройствах. Он отображает изображение и некоторое описание в ряд. На мобильном телефоне отображение изображения довольно безобразно. Можно ли сместить эти 2 столбца друг на друга в окне просмотра xs, sm, отображая, как изображение является фоном текста.
<div class="row align-items-center mb-2 rounded">
<div class="col-md-2">
<img class="img img-fluid mb-3 mb-md-0 "
src="{% static 'img.jpg' %}"/>
</div>
<div class="col-sm">
<h3>Title</h3>
<p> Some text... around 250-300 character</p>
</div>
</div>