/* The Masonry Container */
.masonry {
    margin: 1.5em auto;
    column-gap: 5px;
  }
  
  /* The Masonry Brick */
  .masonry-item {
    padding: 5px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
  }
  
  /* Masonry on large screens */
  @media only screen and (min-width: 1024px) {
    .masonry {
      column-count: 3;
    }
  }
  
  /* Masonry on medium-sized screens */
  @media only screen and (max-width: 1023px) and (min-width: 768px) {
    .masonry {
      column-count: 3;
    }
  }
  
  /* Masonry on small screens */
  @media only screen and (max-width: 767px) and (min-width: 540px) {
    .masonry {
      column-count: 2;
    }
  }