.cards__cards {
  display: grid;
  gap: var(--s2);
}
.card {
  min-height: 320px;
  padding: var(--s-1);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-end;
}
.card__text {
  background-color: rgba(255,255,255,0.75);
  padding: var(--s0);
}
.card__heading {
  font-size: 2.3rem;
  font-weight: normal;
}

/* sm */
@media (min-width: 576px) {
}

/* md */
@media (min-width: 768px) {
}

/* lg */
@media (min-width: 992px) {
  .cards__cards {
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--s3);
  }
}

/* xl */
@media (min-width: 1200px) {
}

/* xxl */
@media (min-width: 1400px) {
}