add masnory view to photos

<script src="https://masonry.desandro.com/v2/jquery.masonry.min.js"></script>

<div class="video-collection">
       <div class="video-box">
                  <img src="abc.jpg">
       <div>
</div>

<style>
.video-collection .video-box {
    width: 234px;
    float: left;
    border: 1px solid #ccc;
    margin: 1%;
}
</style>

<script>
jQuery(document).ready(function($){
    var container = $('.video-collection');
    container.imagesLoaded( function(){
          container.masonry({
            itemSelector : '.video-box'
          });
    });
});
</script>