<div class="u-background-grey-20 u-layout-centerContent u-cf">
    <section class="js-Masonry-container u-layout-medium" data-columns>

        <div class="Masonry-item js-Masonry-item">
            <div class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
                <img src="//placehold.it/400x220" class="u-sizeFull" alt="consequatur cumque et" />
                <div class="u-text-r-l u-padding-r-all u-layout-prose">
                    <p class="u-text-h6 u-margin-bottom-l"><a class="u-color-50 u-textClean" href="">corrupti ut velit</a></p>
                    <h3 class="u-text-h4 u-margin-r-bottom"><a class="u-text-r-m u-color-black u-textWeight-400 u-textClean" href="">Sit et cum iure illum ducimus dignissimos fuga iste.</a></h3>
                    <p class="u-text-p u-textSecondary">Facilis et amet rerum omnis facere. Ex illum nobis corrupti consectetur blanditiis voluptate. Quos nam illo dignissimos dolor ipsam quisquam.</p>
                </div>
            </div>

        </div>
        <div class="Masonry-item js-Masonry-item">
            <div class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
                <img src="//placehold.it/400x220" class="u-sizeFull" alt="consequatur cumque et" />
                <div class="u-text-r-l u-padding-r-all u-layout-prose">
                    <p class="u-text-h6 u-margin-bottom-l"><a class="u-color-50 u-textClean" href="">corrupti ut velit</a></p>
                    <h3 class="u-text-h4 u-margin-r-bottom"><a class="u-text-r-m u-color-black u-textWeight-400 u-textClean" href="">Sit et cum iure illum ducimus dignissimos fuga iste.</a></h3>
                    <p class="u-text-p u-textSecondary">Labore quia occaecati nesciunt quis quis et. Aspernatur nisi qui aliquam provident fugit ut cumque. Recusandae eos ab ex similique aut. Et saepe voluptatem non architecto earum ex possimus magnam.</p>
                </div>
            </div>

        </div>
        <div class="Masonry-item js-Masonry-item">
            <div class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
                <img src="//placehold.it/400x220" class="u-sizeFull" alt="consequatur cumque et" />
                <div class="u-text-r-l u-padding-r-all u-layout-prose">
                    <p class="u-text-h6 u-margin-bottom-l"><a class="u-color-50 u-textClean" href="">corrupti ut velit</a></p>
                    <h3 class="u-text-h4 u-margin-r-bottom"><a class="u-text-r-m u-color-black u-textWeight-400 u-textClean" href="">Sit et cum iure illum ducimus dignissimos fuga iste.</a></h3>
                    <p class="u-text-p u-textSecondary">Est tenetur eligendi inventore quidem velit ut unde et provident. Vero ut iste deserunt est repellat. Ea quaerat voluptatum nesciunt hic. Quisquam illum praesentium ut et. Quo consequatur ut eum voluptas et consectetur est. Aut est
                        rem blanditiis enim.</p>
                </div>
            </div>

        </div>

        <div class="Masonry-item js-Masonry-item">
            <div class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
                <img src="//placehold.it/400x220" class="u-sizeFull" alt="consequatur cumque et" />
                <div class="u-text-r-l u-padding-r-all u-layout-prose">
                    <p class="u-text-h6 u-margin-bottom-l"><a class="u-color-50 u-textClean" href="">corrupti ut velit</a></p>
                    <h3 class="u-text-h4 u-margin-r-bottom"><a class="u-text-r-m u-color-black u-textWeight-400 u-textClean" href="">Sit et cum iure illum ducimus dignissimos fuga iste.</a></h3>
                    <p class="u-text-p u-textSecondary">Labore quia occaecati nesciunt quis quis et. Aspernatur nisi qui aliquam provident fugit ut cumque. Recusandae eos ab ex similique aut. Et saepe voluptatem non architecto earum ex possimus magnam.</p>
                </div>
            </div>

        </div>
        <div class="Masonry-item js-Masonry-item">
            <div class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
                <img src="//placehold.it/400x220" class="u-sizeFull" alt="consequatur cumque et" />
                <div class="u-text-r-l u-padding-r-all u-layout-prose">
                    <p class="u-text-h6 u-margin-bottom-l"><a class="u-color-50 u-textClean" href="">corrupti ut velit</a></p>
                    <h3 class="u-text-h4 u-margin-r-bottom"><a class="u-text-r-m u-color-black u-textWeight-400 u-textClean" href="">Sit et cum iure illum ducimus dignissimos fuga iste.</a></h3>
                    <p class="u-text-p u-textSecondary">Est tenetur eligendi inventore quidem velit ut unde et provident. Vero ut iste deserunt est repellat. Ea quaerat voluptatum nesciunt hic. Quisquam illum praesentium ut et. Quo consequatur ut eum voluptas et consectetur est. Aut est
                        rem blanditiis enim.</p>
                </div>
            </div>

        </div>
        <div class="Masonry-item js-Masonry-item">
            <div class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
                <img src="//placehold.it/400x220" class="u-sizeFull" alt="consequatur cumque et" />
                <div class="u-text-r-l u-padding-r-all u-layout-prose">
                    <p class="u-text-h6 u-margin-bottom-l"><a class="u-color-50 u-textClean" href="">corrupti ut velit</a></p>
                    <h3 class="u-text-h4 u-margin-r-bottom"><a class="u-text-r-m u-color-black u-textWeight-400 u-textClean" href="">Sit et cum iure illum ducimus dignissimos fuga iste.</a></h3>
                    <p class="u-text-p u-textSecondary">Cumque placeat fuga beatae ut tenetur reiciendis. Vitae doloribus accusamus. Sit sed et officiis corrupti veniam ut quasi. Qui laborum autem excepturi distinctio iusto fugiat. Ducimus hic autem. Inventore consequatur quia itaque vitae.</p>
                </div>
            </div>

        </div>

    </section>
</div>

<div class="u-background-grey-20 u-layout-centerContent u-cf">
    <section class="js-Masonry-container u-layout-medium" data-columns>

        <div class="Masonry-item js-Masonry-item">
            <div class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
                <img src="//placehold.it/400x220" class="u-sizeFull" alt="consequatur cumque et" />
                <div class="u-text-r-l u-padding-r-all u-layout-prose">
                    <p class="u-text-h6 u-margin-bottom-l"><a class="u-color-50 u-textClean" href="">corrupti ut velit</a></p>
                    <h3 class="u-text-h4 u-margin-r-bottom"><a class="u-text-r-m u-color-black u-textWeight-400 u-textClean" href="">Sit et cum iure illum ducimus dignissimos fuga iste.</a></h3>
                    <p class="u-text-p u-textSecondary">Facilis et amet rerum omnis facere. Ex illum nobis corrupti consectetur blanditiis voluptate. Quos nam illo dignissimos dolor ipsam quisquam.</p>
                </div>
            </div>

        </div>
        <div class="Masonry-item js-Masonry-item">
            <div class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
                <img src="//placehold.it/400x220" class="u-sizeFull" alt="consequatur cumque et" />
                <div class="u-text-r-l u-padding-r-all u-layout-prose">
                    <p class="u-text-h6 u-margin-bottom-l"><a class="u-color-50 u-textClean" href="">corrupti ut velit</a></p>
                    <h3 class="u-text-h4 u-margin-r-bottom"><a class="u-text-r-m u-color-black u-textWeight-400 u-textClean" href="">Sit et cum iure illum ducimus dignissimos fuga iste.</a></h3>
                    <p class="u-text-p u-textSecondary">Labore quia occaecati nesciunt quis quis et. Aspernatur nisi qui aliquam provident fugit ut cumque. Recusandae eos ab ex similique aut. Et saepe voluptatem non architecto earum ex possimus magnam.</p>
                </div>
            </div>

        </div>
        <div class="Masonry-item js-Masonry-item">
            <div class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
                <img src="//placehold.it/400x220" class="u-sizeFull" alt="consequatur cumque et" />
                <div class="u-text-r-l u-padding-r-all u-layout-prose">
                    <p class="u-text-h6 u-margin-bottom-l"><a class="u-color-50 u-textClean" href="">corrupti ut velit</a></p>
                    <h3 class="u-text-h4 u-margin-r-bottom"><a class="u-text-r-m u-color-black u-textWeight-400 u-textClean" href="">Sit et cum iure illum ducimus dignissimos fuga iste.</a></h3>
                    <p class="u-text-p u-textSecondary">Est tenetur eligendi inventore quidem velit ut unde et provident. Vero ut iste deserunt est repellat. Ea quaerat voluptatum nesciunt hic. Quisquam illum praesentium ut et. Quo consequatur ut eum voluptas et consectetur est. Aut est
                        rem blanditiis enim.</p>
                </div>
            </div>

        </div>

        <div class="Masonry-item js-Masonry-item">
            <div class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
                <img src="//placehold.it/400x220" class="u-sizeFull" alt="consequatur cumque et" />
                <div class="u-text-r-l u-padding-r-all u-layout-prose">
                    <p class="u-text-h6 u-margin-bottom-l"><a class="u-color-50 u-textClean" href="">corrupti ut velit</a></p>
                    <h3 class="u-text-h4 u-margin-r-bottom"><a class="u-text-r-m u-color-black u-textWeight-400 u-textClean" href="">Sit et cum iure illum ducimus dignissimos fuga iste.</a></h3>
                    <p class="u-text-p u-textSecondary">Labore quia occaecati nesciunt quis quis et. Aspernatur nisi qui aliquam provident fugit ut cumque. Recusandae eos ab ex similique aut. Et saepe voluptatem non architecto earum ex possimus magnam.</p>
                </div>
            </div>

        </div>
        <div class="Masonry-item js-Masonry-item">
            <div class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
                <img src="//placehold.it/400x220" class="u-sizeFull" alt="consequatur cumque et" />
                <div class="u-text-r-l u-padding-r-all u-layout-prose">
                    <p class="u-text-h6 u-margin-bottom-l"><a class="u-color-50 u-textClean" href="">corrupti ut velit</a></p>
                    <h3 class="u-text-h4 u-margin-r-bottom"><a class="u-text-r-m u-color-black u-textWeight-400 u-textClean" href="">Sit et cum iure illum ducimus dignissimos fuga iste.</a></h3>
                    <p class="u-text-p u-textSecondary">Est tenetur eligendi inventore quidem velit ut unde et provident. Vero ut iste deserunt est repellat. Ea quaerat voluptatum nesciunt hic. Quisquam illum praesentium ut et. Quo consequatur ut eum voluptas et consectetur est. Aut est
                        rem blanditiis enim.</p>
                </div>
            </div>

        </div>
        <div class="Masonry-item js-Masonry-item">
            <div class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
                <img src="//placehold.it/400x220" class="u-sizeFull" alt="consequatur cumque et" />
                <div class="u-text-r-l u-padding-r-all u-layout-prose">
                    <p class="u-text-h6 u-margin-bottom-l"><a class="u-color-50 u-textClean" href="">corrupti ut velit</a></p>
                    <h3 class="u-text-h4 u-margin-r-bottom"><a class="u-text-r-m u-color-black u-textWeight-400 u-textClean" href="">Sit et cum iure illum ducimus dignissimos fuga iste.</a></h3>
                    <p class="u-text-p u-textSecondary">Cumque placeat fuga beatae ut tenetur reiciendis. Vitae doloribus accusamus. Sit sed et officiis corrupti veniam ut quasi. Qui laborum autem excepturi distinctio iusto fugiat. Ducimus hic autem. Inventore consequatur quia itaque vitae.</p>
                </div>
            </div>

        </div>

    </section>
</div>

There are no notes for this item.