<?xml version="1.0"?>
<t name="Masonry" t-name="website.s_masonry_block_alternation_text_image_template">
    <t t-snippet-call="website.s_masonry_block">
        <div class="row o_grid_mode" data-row-count="4" style="gap: 16px;">
            <div class="o_grid_item o_cc o_cc2 g-height-4 g-col-lg-3 col-lg-3 justify-content-start rounded" data-name="Block" style="z-index: 1; grid-area: 1 / 1 / 5 / 4; --grid-item-padding-y: 20px; --grid-item-padding-x: 20px;">
                <h3 class="h4-fs">Incredible <br class="d-none d-lg-inline"/>Features</h3>
                <p> </p>
            </div>
            <div class="o_grid_item o_grid_item_image g-height-4 g-col-lg-3 col-lg-3 rounded" data-name="Block" style="z-index: 2; grid-area: 1 / 4 / 5 / 7;">
                <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-4 g-col-lg-3 col-lg-3 justify-content-start rounded" data-name="Block" style="z-index: 3; grid-area: 1 / 7 / 5 / 10; --grid-item-padding-y: 20px; --grid-item-padding-x: 20px;">
                <h3 class="h4-fs">Advanced <br class="d-none d-lg-inline"/>Capabilities</h3>
                <p> </p>
            </div>
            <div class="o_grid_item o_grid_item_image g-height-4 g-col-lg-3 col-lg-3 rounded" data-name="Block" style="z-index: 4; grid-area: 1 / 10 / 5 / 13;">
                <img src="/web/image/website.s_masonry_block_default_image_2" class="img img-fluid mx-auto" alt=""/>
            </div>
        </div>
    </t>
</t>

