.cards-list {
  display: grid;
  gap    : 20px;
}

.cards-list-1 {
  grid-template-columns: repeat(1, 1fr);
}

.cards-list-2 {
  grid-template-columns: repeat(2, 1fr);
}

.cards-list-3 {
  grid-template-columns: repeat(3, 1fr);
}

.cards-list-4 {
  grid-template-columns: repeat(4, 1fr);
}

.cards-list-5 {
  grid-template-columns: repeat(5, 1fr);
}

.cards-list .cards-image {
  display        : flex;
  align-content  : center;
  justify-content: center;
  height         : 200px;
}


@media (max-width: 991.98px) {

  .cards-list-2,
  .cards-list-3,
  .cards-list-4 {
    grid-template-columns: repeat(1, 1fr);
  }

}