<!-- javsacript -->
<script src="/assets/plugins/masonry-layout/dist/masonry.pkgd.min.js"></script>

<!-- html -->
<div class="row" data-masonry='{"percentPosition": true }'>
  <div class="col-sm-6 col-lg-4 mb-4">
    <div class="card">...</div>
  </div>
  <div class="col-sm-6 col-lg-4 mb-4">
    <div class="card">...</div>
  </div>
  <div class="col-sm-6 col-lg-4 mb-4">
    <div class="card">...</div>
  </div>
</div>