Макет кладки с помощью foreach?

Я создаю представление в Laravel и вставляю все сообщения на страницу с определенным макетом. Код работает, но я хотел использовать макет в стиле масонства. Как я могу это сделать?

@foreach($posts as $post)
    <div class = "col-lg-12">
        <!-- Post-->
        <article class = "post">
            <div class = "post-background" data-background = "{{ Storage::disk('public')->url('post/'.$post->image) }}">
                <div class = "post-header">
                    <h2 class = "post-title"><a href = "blog-single.html">{{ $post->title }}</a></h2>
                    <ul class = "post-meta h5">
                        <li>November 18, 2016</li>
                        <li><a href = "#">Branding</a>, <a href = "#">Design</a></li>
                        <li><a href = "#">3 Comments</a></li>
                    </ul>
                </div>
                <a class = "post-background-link" href = "blog-single.html"></a>
            </div>
        </article>
        <!-- Post end-->
    </div>
@endforeach
<div class = "col-lg-6">
    <!-- Post-->
    <article class = "post">
        <div class = "post-background" data-background = "assets/images/blog/14.jpg">
            <div class = "post-header">
                <h2 class = "post-title"><a href = "blog-single.html">Bluetooth Speaker</a></h2>
                <ul class = "post-meta h5">
                    <li>November 18, 2016</li>
                    <li><a href = "#">Branding</a>, <a href = "#">Design</a></li>
                    <li><a href = "#">3 Comments</a></li>
                </ul>
            </div>
            <a class = "post-background-link" href = "blog-single.html"></a>
        </div>
    </article>
    <!-- Post end-->
</div>