.cards-container {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin: 0 20%;
}

.item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media(max-width:995px) {
  .cards-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:550px) {
  .cards-container {
    grid-template-columns: repeat(1, 1fr);
  }
}