<?xml version="1.0"?>
<t name="Masonry" t-name="website.s_masonry_block_images_template">
    <t t-snippet-call="website.s_masonry_block">
        <div class="row o_grid_mode" data-row-count="8" style="gap: 16px;">
            <div class="o_grid_item o_cc o_cc5 g-height-8 g-col-lg-6 col-lg-6 justify-content-start shadow rounded-3 oe_img_bg o_bg_img_center" data-name="Block" style="z-index: 1; grid-area: 1 / 1 / 9 / 7; background-image: url(/web/image/website.s_masonry_block_default_image_2); --grid-item-padding-y: 30px; --grid-item-padding-x: 30px;">
                <div class="o_we_bg_filter bg-black-50"/>
                <h3 class="display-4-fs">Key <br class="d-none d-lg-inline"/>Milestone</h3>
                <p class="lead">Reaching new heights together</p>
            </div>
            <div class="o_grid_item o_cc o_cc5 g-height-8 g-col-lg-6 col-lg-6 justify-content-start shadow rounded-3 oe_img_bg o_bg_img_center" data-name="Block" style="z-index: 2; grid-area: 1 / 7 / 9 / 13; background-image: url(/web/image/website.s_masonry_block_default_image_1); --grid-item-padding-y: 30px; --grid-item-padding-x: 30px;">
                <div class="o_we_bg_filter bg-black-50"/>
                <h3 class="display-4-fs">Innovation <br class="d-none d-lg-inline"/>Hub</h3>
                <p class="lead">Where ideas come to life</p>
            </div>
        </div>
    </t>
</t>

