.masonry {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
  columns: initial;
}

.card {
  margin: 0;
}

.quote.dark {
  padding-top: clamp(58px, 7vw, 100px);
  padding-bottom: clamp(58px, 7vw, 100px);
}

.quote .quote-item h2 {
  font-size: clamp(2.25rem, 5.2vw, 5.8rem);
}

@media (max-width: 760px) {
  .masonry {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}

@media (max-width: 460px) {
  .masonry {
    grid-template-columns: 1fr;
  }
}