.container {
  display: grid;
  gap: var(--Spacing-x2);
  justify-items: flex-start;
  max-width: 510px;
}

.content {
  display: grid;
  gap: var(--Spacing-x1);
}

.cardContainer {
  display: grid;
  gap: var(--Spacing-x1);
}

@media screen and (min-width: 768px) {
  .container {
    gap: var(--Spacing-x3);
  }
}