.cardContainer {
  display: grid;
  gap: 4px;
}

.title {
  font-weight: 600;
}

.value {
  color: var(--some-red-color, #ed2027);
}

.subtitle {
  font-family: var(--ff-fira-sans);
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  text-align: center;
  color: var(--some-black-color, #111);
  margin: 0;
}

.card {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
  padding: 30px;
  border-radius: 4px;
}

.card:first-of-type {
  min-height: 280px;
  background-color: var(--some-grey-color, #ababab);
}

.card:nth-child(2) {
  background-color: var(--some-grey-color, #ececec);
}

.card:last-of-type {
  background-color: var(--some-grey-color, #d4d2d2);
}

@media screen and (min-width: 950px) {
  .cardContainer {
    grid-template-areas:
      "card card2"
      "card card3";
  }

  .card:first-of-type {
    grid-area: card;
  }

  .card:nth-child(2) {
    grid-area: card2;
  }

  .card:last-of-type {
    grid-area: card3;
  }
}