<?xml version="1.0"?>
<t name="Image - Text Overlap" t-name="website.s_image_text_overlap">
    <section class="s_image_text_overlap pt64 pb64">
        <div class="container">
            <div class="row o_grid_mode" data-row-count="9">
                <div class="o_grid_item o_grid_item_image order-lg-0 g-col-lg-7 g-height-9 col-lg-7" style="grid-area: 1 / 1 / 10 / 8; --grid-item-padding-y: 0; z-index: 1; order: 2;">
                    <img src="/web/image/website.s_picture_default_image" class="img img-fluid mx-auto rounded" alt=""/>
                </div>
                <div class="o_grid_item order-lg-0 g-col-lg-6 g-height-7 col-lg-6 o_cc o_cc5 rounded" style="grid-area: 2 / 7 / 9 / 13; --grid-item-padding-y: 56px; --grid-item-padding-x: 40px; z-index: 2; order: 1;">
                    <h2 class="h3-fs">Services we offer</h2>
                    <p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>
                    <p>Start with the customer – find out what they want and give it to them.</p>
                    <p><a href="#" class="btn btn-secondary">Learn more</a></p>
                </div>
            </div>
        </div>
    </section>
</t>

