<?xml version="1.0"?>
<t t-name="website.s_masonry_block_reversed_template">
    <div class="row o_grid_mode" data-row-count="10">
        <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc3" data-name="Block" style="grid-area: 1 / 1 / 6 / 4; z-index: 1;">
            <h3>A great title</h3>
            <p>And a great subtitle</p>
        </div>
        <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 4 / 6 / 7; z-index: 2;">
            <h3>A great title</h3>
            <p>And a great subtitle</p>
        </div>
        <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc2" data-name="Block" style="grid-area: 6 / 1 / 11 / 4; z-index: 3;">
            <h3>A great title</h3>
            <p>And a great subtitle</p>
        </div>
        <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc4" data-name="Block" style="grid-area: 6 / 4 / 11 / 7; z-index: 4;">
            <h3>A great title</h3>
            <p>And a great subtitle</p>
        </div>
        <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 7 / 11 / 13; z-index: 5;">
            <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
        </div>
    </div>
</t>

