.client {
  margin-top: 7.5rem;
  margin-bottom: 16rem;
  padding: 0 4rem;
}

.client__items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(27rem, 1fr));
  gap: 2rem;
}

.client__item {
  padding: 4.9rem;
  outline: 1px solid rgba(217, 217, 217, 0.5);
  border-radius: 5px;
}

.client__image {
  height: 2.4rem;
}

.client__image img {
  object-fit: contain;
}

@media (max-width: 768px) {
  .client {
    margin-top: 6rem;
    margin-bottom: 10rem;
    padding: 0 1rem;
  }

  .clients__items {
    row-gap: 5rem;
  }
}

@media (max-width: 768px) {
  .client__items {
    grid-template-columns: 1fr 1fr;
  }

  .client__item {
    padding: 3rem;
  }
}