.equity {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 60px;

  @media screen and (min-width: 769px) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  &.three {
    @media screen and (min-width: 769px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  &Card {
    img,
    h4 {
      margin-bottom: 16px;
    }
  }
}