Различная обработка свойства высоты строки

Question

Я получил эту конструкцию:

<div class="container-fluid h-100 text-dark">
    <div class="row h-25 d-block d-sm-none"><!-- Empty frame for the bg image --></div>
    <div class="row bg-primary h-100"></div>
</div>

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

<div class="container-fluid h-100 text-dark">
    <div class="row h-25 d-block d-sm-none"><!-- Empty frame for the bg image --></div>
    <div class="row bg-primary h-75 h-sm-100"></div>
</div>

Я ищу что-то вроде этого: h-75 h-sm-100 // высота 75%, но 100% для sm и больше

Вторая строка должна быть 75% высоты, если первая строка видна, 100%, если нет

Есть ли у вас подсказка?

С уважением, n00n