<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="aperiam ipsam fugit" />
                <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="">sed vel itaque</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="">Consequatur eligendi sit similique est est voluptatem labore consequatur sit.</a></h3>
                    <p class="u-text-p u-textSecondary">Magni consequatur aut qui qui nihil ea libero. In quos rerum adipisci minima iure repellendus totam ipsam perspiciatis. Non quibusdam similique voluptatem quos ut ut doloremque aliquid. Odio officiis aliquid.</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="aperiam ipsam fugit" />
                <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="">sed vel itaque</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="">Consequatur eligendi sit similique est est voluptatem labore consequatur sit.</a></h3>
                    <p class="u-text-p u-textSecondary">Quos inventore eum animi non sint dolor sed. Aut nihil delectus voluptas doloremque quibusdam ipsam est quos. Cumque cum doloremque quia aperiam cumque. Autem aut veniam.</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="aperiam ipsam fugit" />
                <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="">sed vel itaque</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="">Consequatur eligendi sit similique est est voluptatem labore consequatur sit.</a></h3>
                    <p class="u-text-p u-textSecondary">Laudantium sed repellendus odit ut perspiciatis vitae id. At nemo velit magnam rerum expedita dolorem. Ex vitae nam maiores excepturi reprehenderit molestiae accusantium ut.</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="aperiam ipsam fugit" />
                <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="">sed vel itaque</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="">Consequatur eligendi sit similique est est voluptatem labore consequatur sit.</a></h3>
                    <p class="u-text-p u-textSecondary">Quos inventore eum animi non sint dolor sed. Aut nihil delectus voluptas doloremque quibusdam ipsam est quos. Cumque cum doloremque quia aperiam cumque. Autem aut veniam.</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="aperiam ipsam fugit" />
                <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="">sed vel itaque</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="">Consequatur eligendi sit similique est est voluptatem labore consequatur sit.</a></h3>
                    <p class="u-text-p u-textSecondary">Laudantium sed repellendus odit ut perspiciatis vitae id. At nemo velit magnam rerum expedita dolorem. Ex vitae nam maiores excepturi reprehenderit molestiae accusantium ut.</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="aperiam ipsam fugit" />
                <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="">sed vel itaque</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="">Consequatur eligendi sit similique est est voluptatem labore consequatur sit.</a></h3>
                    <p class="u-text-p u-textSecondary">Dolor optio eius qui deleniti dolorum debitis. Neque sapiente dolor corrupti et dignissimos nesciunt deleniti. Et modi expedita nulla voluptatem voluptas iusto laborum. Qui assumenda illo.</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="aperiam ipsam fugit" />
                <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="">sed vel itaque</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="">Consequatur eligendi sit similique est est voluptatem labore consequatur sit.</a></h3>
                    <p class="u-text-p u-textSecondary">Magni consequatur aut qui qui nihil ea libero. In quos rerum adipisci minima iure repellendus totam ipsam perspiciatis. Non quibusdam similique voluptatem quos ut ut doloremque aliquid. Odio officiis aliquid.</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="aperiam ipsam fugit" />
                <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="">sed vel itaque</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="">Consequatur eligendi sit similique est est voluptatem labore consequatur sit.</a></h3>
                    <p class="u-text-p u-textSecondary">Quos inventore eum animi non sint dolor sed. Aut nihil delectus voluptas doloremque quibusdam ipsam est quos. Cumque cum doloremque quia aperiam cumque. Autem aut veniam.</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="aperiam ipsam fugit" />
                <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="">sed vel itaque</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="">Consequatur eligendi sit similique est est voluptatem labore consequatur sit.</a></h3>
                    <p class="u-text-p u-textSecondary">Laudantium sed repellendus odit ut perspiciatis vitae id. At nemo velit magnam rerum expedita dolorem. Ex vitae nam maiores excepturi reprehenderit molestiae accusantium ut.</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="aperiam ipsam fugit" />
                <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="">sed vel itaque</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="">Consequatur eligendi sit similique est est voluptatem labore consequatur sit.</a></h3>
                    <p class="u-text-p u-textSecondary">Quos inventore eum animi non sint dolor sed. Aut nihil delectus voluptas doloremque quibusdam ipsam est quos. Cumque cum doloremque quia aperiam cumque. Autem aut veniam.</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="aperiam ipsam fugit" />
                <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="">sed vel itaque</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="">Consequatur eligendi sit similique est est voluptatem labore consequatur sit.</a></h3>
                    <p class="u-text-p u-textSecondary">Laudantium sed repellendus odit ut perspiciatis vitae id. At nemo velit magnam rerum expedita dolorem. Ex vitae nam maiores excepturi reprehenderit molestiae accusantium ut.</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="aperiam ipsam fugit" />
                <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="">sed vel itaque</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="">Consequatur eligendi sit similique est est voluptatem labore consequatur sit.</a></h3>
                    <p class="u-text-p u-textSecondary">Dolor optio eius qui deleniti dolorum debitis. Neque sapiente dolor corrupti et dignissimos nesciunt deleniti. Et modi expedita nulla voluptatem voluptas iusto laborum. Qui assumenda illo.</p>
                </div>
            </div>

        </div>

    </section>
</div>

There are no notes for this item.