<?xml version="1.0"?>
<t name="Masonry" t-name="website.s_masonry_block_alternation_image_text_template">
    <t t-snippet-call="website.s_masonry_block">
        <t t-set="container_class" t-valuef="container-fluid"/>
        <div class="row o_grid_mode" data-row-count="10">
            <div class="o_grid_item o_grid_item_image g-height-10 g-col-lg-3 col-lg-3 text-center" data-name="Block" style="grid-area: 1 / 1 / 11 / 4; z-index: 1;">
                <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
            </div>
            <div class="o_grid_item o_cc o_cc2 g-height-10 g-col-lg-3 col-lg-3 justify-content-center text-center" data-name="Block" style="grid-area: 1 / 4 / 11 / 7; z-index: 2; position: relative;" data-oe-shape-data="{'shape':'web_editor/Rainy/06','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}">
                <div class="o_we_shape o_web_editor_Rainy_06"/>
                <h3 class="h2-fs">Innovation Hub</h3>
                <p>Where ideas come to life</p>
            </div>
            <div class="o_grid_item o_grid_item_image g-height-10 g-col-lg-3 col-lg-3 text-center" data-name="Block" style="grid-area: 1 / 7 / 11 / 10; z-index: 3;">
                <img src="/web/image/website.s_masonry_block_default_image_2" class="img img-fluid mx-auto" alt=""/>
            </div>
            <div class="o_grid_item o_cc o_cc2 g-height-10 g-col-lg-3 col-lg-3 justify-content-center text-center" data-name="Block" style="grid-area: 1 / 10 / 11 / 13; z-index: 4; position: relative;" data-oe-shape-data="{'shape':'web_editor/Floats/01','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0','animated':'true'}">
                <div class="o_we_shape o_web_editor_Floats_01 o_we_animated"/>
                <h3 class="h2-fs">Key Milestone</h3>
                <p>Reaching new heights together</p>
            </div>
        </div>
    </t>
</t>

