Попытка центрировать внутренний элемент на основе высоты области просмотра, когда внешний элемент является гибким и выходит за пределы высоты области просмотра

Question

Я пытаюсь центрировать div на основе высоты окна просмотра, когда внешний div является гибким и выходит за пределы высоты окна просмотра ... Я не хочу, чтобы он перенастраивался при прокрутке. Я хочу быть исправленным. Ниже мой код.

   <div class="d-none  d-md-flex col-md-3 col-lg-5 bg-image"><div style="height:100vh; vertical- 
   align:middle" ><div class="row"><div class="col-8">
   k;jkl;j

</div></div>
</div></div>

Строка всегда находится в верхней части страницы. Не уверен, что я делаю не так. Я попытался использовать абсолютную позицию и фиксированную высоту и верх, но строка все еще заканчивается в верхней части страницы.