.masonry-cards-grid {
  border-radius: 1rem;
  background: var(--neutral-super-light-gray);
  padding: var(--padding);
}

.masonry-cards-grid__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
  grid-auto-flow: dense;
  gap: 2rem;
}

.masonry-cards-grid__card {
  display: flex;
  flex-flow: column;
  width: stretch;
}

.masonry-cards-grid__card h3 {
  color: var(--brand-primary);
}

.masonry-cards-grid__photo {
  width: 100%;
  height: 200px;
  border-radius: 0.5rem;
}

@media (min-width: 992px ) {
  .masonry-cards-grid__grid {
    display: flex;
    justify-content: center;
    gap: 2rem;
  }
  .masonry-cards-grid__card:nth-child(even) {
    margin-top: 3rem;
  }
  .masonry-cards-grid__card:nth-child(even) {
    flex-direction: column-reverse;
  }
}