.card-container {
  display: grid;
  width: min-content;
  grid-template-columns: 1fr 1fr 1fr 1fr;

  gap: 10px;
}

.card {
  width: 18rem;

  background-color: antiquewhite;

  border-top-left-radius: 5rem;
  border-top-right-radius: 5rem;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;

  min-height: 100%;
}

/* .card-image {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  padding-top: 80px;
} */
.card-image {
  width: 100%;

  object-fit: cover;
  object-position: center;

  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.card-body {
  padding: 8px 16px;
}

.card-title {
  margin: 0;

  font-weight: bolder;
  font-size: 30px;
}

.card-subtitle {
  margin: 0;
  margin-top: 2px;

  font-weight: bold;
  font-size: 18px;
}

.card-description {
  margin: 16px 0;
}

.card-btn {
  display: inline-block;

  background-color: rgb(0, 233, 233);

  border-radius: 6px;

  color: black;

  padding: 8px 5px;

  margin-bottom: 10px;

  transition: all 0.25s;
}

.card-btn:hover {
  background-color: rgb(0, 175, 175);
}

.card-btn:active {
  filter: brightness(1.1);
  scale: 1.02;
}

.in-progress {
  color: red;
}

@media (max-width: 568px) {
  .card-container {
    grid-template-columns: 1fr;
  }
}