How to stretch a block to the bottom of the screen in bootstrap 5 without using the h-100 class?

I need to stretch the block to the end of the screen just for LG XL XXL (As shown in the picture ) I tried using the .h-100 class, but it stretches a lot more than necessary (does not take into account the size of the upper blocks), so there is scrolling, which should not be. Edit fiddle - JSFiddle - Code Playground Please help me, I’ve already broken my whole head how to do this? the built-in h-100 class does not work as expected.
PS: I’m sure that the necessary setup is in bootstrap studio, but I can’t find it.

The way that I do this is using flexbox and flexbox grow for the div that you want to fill the space.

I realise that is quite vague but I am having some trouble wrapping my head around what it is exactly you want to do.