.icon-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  padding: 6rem 2rem;
}

.icon-grid .icon {
  width: 100%;
  max-width: clamp(7rem, 12vw, 15rem);
  filter: brightness(1.2) contrast(1.2);
}

@media (max-width: 800px) {
  .icon-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
  }

  .icon-wrapper.shift-down {
    transform: translateY(0rem);
  }
}