<?xml version="1.0"?>
<t t-name="website.s_masonry_block_images_template">
    <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>

