How to align a div in a container to the bottom?

Question

css

Good afternoon! Can you please tell me how to align a div to the bottom of its (not even the parent, but the grandfather)?
There is a structure like this:

<header>
        <div class="container-fluid av_clear">
            <div class="rg_img_header">
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-sm-5">(тут логотип)</div>
                        <div class="col-7">
                            <div class="col-12 rg_phone">(тут телефон)</div>
                            <div class="col-12 rg_navi_header">
                                <nav class="main_menu_cont">(тут меню)</nav>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="rg_slogan">(тут слоган большими буквами)</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

Where - rg_img_header - a picture of a certain height - 700 px
And you need to align the slogan (probably the container with the slogan) to the bottom of this picture... How to do it? Tell me plz...

Answer 1

I would toss an online editor into what thread to contemplate your question explicitly

Answer 2

I think it will help you to hang the class: align-items-end