bootstrap 5: макет в две колонки, текст должен обтекать изображение

Question

я просто не могу найти решение. я хочу реализовать два столбца подряд; в левом столбце изображение (md-3 или lg-4) в правом столбце длинный текст (md-9 или lg-8).

когда я нахожусь в конце изображения, я хочу, чтобы текст обтекал изображение по всей ширине сетки (12). как показано на изображении: (https://stackru.com/images/aca1abdcb4c4d6610e59b6c2ccbd3ba3c574a88b.jpg)

          <div class="row">
            <div class="col-md-3 col-lg-4">IMAGE</div>
            <div class="col-md-9 col-lg-8">TEXT</div>
        </div>

Я работаю с начальной загрузкой 5. Я не хочу добавлять какой-либо дополнительный HTML, а просто вставляю правильные классы начальной загрузки 5, которые делают это возможным.

до сих пор я пробовал использовать float-start/float-end, order-lg-1/order lg-2, но безуспешно. это вообще ссора? это обязательно должен быть д-флекс? к сожалению, у меня нет опыта в этом.