/* horizontal masonry*/
.masonry { 
    display: flex;
    flex-flow: row wrap;
    margin-left: -8px; /* Adjustment for the gutter */
    width: 100%;
  }
  
  .masonry-brick {
    flex: auto;
    height: 250px;
    min-width: 150px;
    margin: 0 8px 8px 0; /* Some gutter */
  }



  .masonry-brick:nth-child(4n+1) {
    width: 250px;
  }
  .masonry-brick:nth-child(4n+1):nth-child(4n+2) {
    width: 125px;
  }
  .masonry-brick:nth-child(4n+1):nth-child(4n+3) {
    width: 180px;
  }
  .masonry-brick:nth-child(4n+1):nth-child(4n+4) {
    width: 280px;
  }


    /* vertical masonry*/
    .masonry { 
      display: flex;
      flex-flow: column wrap;
      max-height: 100px;
      margin-left: -8px; /* Adjustment for the gutter */
      width: 100px;
    }
    
    .masonry-brick {
      margin: 0 8px 8px 0; /* Some gutter */
    }