Как адаптировать высоту блока в зависимости от текста?

Question

[scottshawcoos]

Учусь верстать на bootstrap.

Хочу сделать примерно так

Где красный блок - изображение

Т.е., есть один общий блок, который растягивается в зависимости от текста справа, а изображение слева должно быть чуть больше этого блока и выступать как сверху, так и снизу (всегда).

Сейчас блок растягивается под изображение, как сделать наоборот?

<div class="welcome_block my-5">
        <div class="row">
            <div class="col-md-6 text-center my-n3" style="z-index:2;">
                <img src="" alt="" style="width: auto">
            </div>
            <div class="col-md-6">
                <h2 class="text-center my-3" style="font-size: 30px"><strong>Заголовок</strong></h2>
                <p class="text-left pr-5" style="font-size: 20px; text-indent: 50px">Текст</p>
            </div>
        </div>
    </div>