.pbh-coups-de-coeur {
  .pbh-grid {
    row-gap: var(--grid-gap);
    article {
      .img {
        aspect-ratio: 1;
        overflow: hidden;
        img {
          aspect-ratio: 1;
          transition: scale var(--transition);
        }
      }
      a:hover .img img {
        scale: 1.05;
      }
      .more {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        color: var(--green-a);
      }
      @media (min-width: 40rem) {
        grid-column: span 6 / span 6;
      }
      @media (min-width: 60rem) {
        grid-column: span 4 / span 4;
      }
      @media (min-width: 80rem) {
        grid-column: span 3 / span 3;
      }
    }
  }
}