<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="aspernatur magni saepe" />
                <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="">quasi recusandae placeat</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="">Quis excepturi fuga assumenda animi officiis eum delectus illo.</a></h3>
                    <p class="u-text-p u-textSecondary">Qui in laborum et cupiditate. Laborum quasi earum. Consequuntur deserunt sint voluptatem qui sed illum cumque ullam. Eum ratione blanditiis autem ea earum aperiam alias qui. Sapiente ex in et quis cum rerum. Sequi est inventore aut
                        illo.</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="aspernatur magni saepe" />
                <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="">quasi recusandae placeat</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="">Quis excepturi fuga assumenda animi officiis eum delectus illo.</a></h3>
                    <p class="u-text-p u-textSecondary">Debitis ut libero similique quod. Porro voluptatum molestias sequi. Perspiciatis molestiae ullam excepturi ratione. Qui doloremque illum in esse voluptatibus corrupti. Numquam veritatis qui nobis eveniet ab eveniet voluptatibus.</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="aspernatur magni saepe" />
                <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="">quasi recusandae placeat</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="">Quis excepturi fuga assumenda animi officiis eum delectus illo.</a></h3>
                    <p class="u-text-p u-textSecondary">Rerum facere reprehenderit recusandae nulla ea facilis ea ea omnis. Suscipit mollitia eos soluta. Suscipit autem cupiditate neque et quo. Qui assumenda nisi sed expedita esse aliquam nam.</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="aspernatur magni saepe" />
                <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="">quasi recusandae placeat</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="">Quis excepturi fuga assumenda animi officiis eum delectus illo.</a></h3>
                    <p class="u-text-p u-textSecondary">Debitis ut libero similique quod. Porro voluptatum molestias sequi. Perspiciatis molestiae ullam excepturi ratione. Qui doloremque illum in esse voluptatibus corrupti. Numquam veritatis qui nobis eveniet ab eveniet voluptatibus.</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="aspernatur magni saepe" />
                <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="">quasi recusandae placeat</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="">Quis excepturi fuga assumenda animi officiis eum delectus illo.</a></h3>
                    <p class="u-text-p u-textSecondary">Rerum facere reprehenderit recusandae nulla ea facilis ea ea omnis. Suscipit mollitia eos soluta. Suscipit autem cupiditate neque et quo. Qui assumenda nisi sed expedita esse aliquam nam.</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="aspernatur magni saepe" />
                <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="">quasi recusandae placeat</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="">Quis excepturi fuga assumenda animi officiis eum delectus illo.</a></h3>
                    <p class="u-text-p u-textSecondary">Odio perspiciatis repellat ullam laboriosam ad a consequatur. Quae tenetur mollitia est autem nulla exercitationem. Aliquam aperiam saepe in autem. Recusandae suscipit ut at dolorem. Incidunt voluptate libero qui dolores aut quia.</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="aspernatur magni saepe" />
                <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="">quasi recusandae placeat</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="">Quis excepturi fuga assumenda animi officiis eum delectus illo.</a></h3>
                    <p class="u-text-p u-textSecondary">Qui in laborum et cupiditate. Laborum quasi earum. Consequuntur deserunt sint voluptatem qui sed illum cumque ullam. Eum ratione blanditiis autem ea earum aperiam alias qui. Sapiente ex in et quis cum rerum. Sequi est inventore aut
                        illo.</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="aspernatur magni saepe" />
                <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="">quasi recusandae placeat</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="">Quis excepturi fuga assumenda animi officiis eum delectus illo.</a></h3>
                    <p class="u-text-p u-textSecondary">Debitis ut libero similique quod. Porro voluptatum molestias sequi. Perspiciatis molestiae ullam excepturi ratione. Qui doloremque illum in esse voluptatibus corrupti. Numquam veritatis qui nobis eveniet ab eveniet voluptatibus.</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="aspernatur magni saepe" />
                <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="">quasi recusandae placeat</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="">Quis excepturi fuga assumenda animi officiis eum delectus illo.</a></h3>
                    <p class="u-text-p u-textSecondary">Rerum facere reprehenderit recusandae nulla ea facilis ea ea omnis. Suscipit mollitia eos soluta. Suscipit autem cupiditate neque et quo. Qui assumenda nisi sed expedita esse aliquam nam.</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="aspernatur magni saepe" />
                <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="">quasi recusandae placeat</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="">Quis excepturi fuga assumenda animi officiis eum delectus illo.</a></h3>
                    <p class="u-text-p u-textSecondary">Debitis ut libero similique quod. Porro voluptatum molestias sequi. Perspiciatis molestiae ullam excepturi ratione. Qui doloremque illum in esse voluptatibus corrupti. Numquam veritatis qui nobis eveniet ab eveniet voluptatibus.</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="aspernatur magni saepe" />
                <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="">quasi recusandae placeat</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="">Quis excepturi fuga assumenda animi officiis eum delectus illo.</a></h3>
                    <p class="u-text-p u-textSecondary">Rerum facere reprehenderit recusandae nulla ea facilis ea ea omnis. Suscipit mollitia eos soluta. Suscipit autem cupiditate neque et quo. Qui assumenda nisi sed expedita esse aliquam nam.</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="aspernatur magni saepe" />
                <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="">quasi recusandae placeat</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="">Quis excepturi fuga assumenda animi officiis eum delectus illo.</a></h3>
                    <p class="u-text-p u-textSecondary">Odio perspiciatis repellat ullam laboriosam ad a consequatur. Quae tenetur mollitia est autem nulla exercitationem. Aliquam aperiam saepe in autem. Recusandae suscipit ut at dolorem. Incidunt voluptate libero qui dolores aut quia.</p>
                </div>
            </div>

        </div>

    </section>
</div>

There are no notes for this item.