Могу ли я автоматически изменить размер изображения, чтобы он соответствовал высоте sibling-div (возможно, с Bootstrap)?

Question

У меня есть раздел на веб-странице, в котором есть несколько строк текста или других элементов. В правой части этого текста я хотел бы показать изображение, которое соответствует высоте div-элемента (т.е. общей высоте строк текста). Вот так:

Я использую flex-функциональность Bootstrap с кодом ниже:

<div class="container mt-3">
  <div class="d-flex flex-row">
    <div class="d-flex flex-column mb-3 w-100" >
      <div class="p-2 bg-light">Flex item 1</div>
      <div class="p-2 bg-light">Flex item 2</div>
      <div class="p-2 bg-light">Flex item 3</div>
    </div>
    <div>
       <img src="img_avatar3.png" **What can I do here?**/>
    </div>
</div>

I попробовал некоторые авто-высота, максимальная высота и т. д. c ... Но я не могу найти рабочее решение.