blocks/cards/cards.css

.cards > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.cards > ul > li {
  border: 1px solid var(--highlight-background-color);
  flex: 1 0 170px;
}

.cards .cards-card-body {
  margin: 16px 0;
  text-align: center;
}

.cards .cards-card-image {
  line-height: 0;
}

.cards .cards-card-body > *:first-child {
  margin-top: 0;
}

.cards > ul > li img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.cards .cards-card-body > .icon {
  width: 100%;
  height: 65px;
}

.cards .cards-card-body ~ .cards-card-body {
  margin-top: 0;
}