.home {
  margin: 1rem 0;
}

.home .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}

.testCard {
  flex: max(300px, 100% / 3 - 30px);
  padding: 2rem;
  max-width: 30rem;
  background-color: var(--classy-base);
  color: black;
  border-radius: 10px;
  margin-bottom: 10px;
}

.testCard>* {
  margin-bottom: 10px;
}

.section>img {
  border-radius: 10px;
  object-fit: cover;
}

.section {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}