Как привязать один блок к другому?

Здравствуйте! Сразу хочу сказать, что я только начинаю осваивать css, немного знаю html, так что прошу не судить меня строго если обращаюсь с ерундовым вопросом, но все же спрошу.

Делаю лендинг на html и bootstrap и столкнулся со следующей проблемой.

Есть блок, который планирую разбить на два блока в соотношении 1/3 (фото) и 2/3 (текст).

<div class="row">

<div class="col-md-4"></div>

<div class="col-md-8"></div>

</div>

Как сделать так, чтобы в случае изменения размера текстового блока (при просмотре на разных устройствах или на мониторах с разным разрешением) высота фотографии менялась автоматически по всей высоте блока?