.quote-wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  font-size: 28px;
  gap: 25px;
}
.quote svg {
  fill: var(--brand-primary);
  width: 50px;
  height: 50px;
}
.quote svg path {
  width: 50px;
  height: 50px;
}
.quote-attribution {
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  font-family: "UKCEHSuisse-Bold","Helvetica Neue",helvetica,arial,sans-serif;
  color: var(--brand-primary);
}
.quote-wrapper img {
  width: 100%;
  border-radius: 10px;
}
.quote {
  align-self: center;
  grid-column: span 3;
}
.content-col {
  align-self: center;
  grid-column: span 1;
}
@media (max-width: 500px) {
  .quote-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .quote {
    grid-column: span 1;
  }
}