.custom-card .items {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 1fr);
  gap: 40px;
}
.custom-card .items > div {
  grid-area: auto;
}
@media (min-width: 768px) {
  .custom-card .items {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
@media (min-width: 1200px) {
  .custom-card .items {
    grid-template-columns: repeat(3, 357px);
    gap: 24px;
  }
}