.masonry {
    column-count: 2;
    column-gap: 1rem;
  }
  @media (min-width: 768px) {
    .masonry {
      column-count: 3;
    }
  }
  @media (min-width: 1024px) {
    .masonry {
      column-count: 3;
    }
  }
  .masonry img {
    break-inside: avoid;
    margin-bottom: 1rem;
  }