How to create such an adaptive block?

Question

css

Hello!
There is a block

How to layout, so that the left side is also filled with a gray background and is adaptive.
I can't figure out how to implement it.
I am using boostrap 5
Here is the code link

Answer 1

<section>
 <article>
                <div class="container-fluid">
                    <div class="row col-sm-12 col-md-8 p-0 bg-gray">

                            <div class="col-12  py-5 header-line-top position-relative">
                                <div class="row">
                                        <div class="col-12 col-xxl-4 col-md-5 col-lg-5 ml-auto">
                                            <p>Высокий уровень сервиса и конфиденциальность</p>
                                        </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 col-xxl-4 col-md-5 col-lg-5 ml-auto">
                                        <h2>10 лет юридической практики</h2>
                                    </div>
                                </div>
                            </div>
                                <div class="col-4">
                                    <div class="bg-gray p-5">
                                        <div class="row g-0 position-relative">
                                            <div class="col">
                                                <img src="/img/abstract1 1.jpg" class="img-fluid position-absolute bt-img" alt="">
                                            </div>
                                            <div class="col">
                                                <img src="/img/abstract2 1.jpg" class="img-fluid position-absolute bb-img" alt="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                </div>  
            </article>
        </section>