.masonry{
display: block;
column-count: 2;
column-gap: 1rem;
padding-bottom: auto;        /* space INSIDE at the bottom */

}

.card {
  display: block;              /* not inline-block */
  break-inside: avoid-column;  /* keep a card in one column */
  width: 100%;                           
  margin: 0 0 0rem;  
}

img {
  display: block;
  width: 100%;
  height: auto;
}

figcaption {
  font-size: 0.95rem;
  color: #333;
  text-align: center;
  margin: 0 0 1rem;  

}


@media (max-width: 800px) {
    .masonry{
      column-count: 1;
    }  
 }