Four card feature section

Very impressive use of clamping!

A couple of tips!

1. for the card image, you can use margin-left: auto for it's position

2. you can use grid template areas for the placement of the cards

.cards {
    display: grid;
    grid-template-areas:
      ". . t t . ."
      "l l t t r r"
      "l l b b r r"
      ". . b b . .";
  }

  .card--1 {
    grid-area: l;
  }

  .card--2 {
    grid-area: t;
  }

  .card--3 {
    grid-area: b;
  }

  .card--4 {
    grid-area: r;
  }