.grid42-img1 { grid-area: ga1; }
.grid42-img2 { grid-area: ga2; }
.grid42-img3 { grid-area: ga3; }
.grid42-img4 { grid-area: ga4; }
.grid42-img5 { grid-area: ga5; }
.grid42-img6 { grid-area: ga6; }
.grid42-img7 { grid-area: ga7; }
.grid42-img8 { grid-area: ga8; }
.grid42-img9 { grid-area: ga9; }
.grid42 {
  display: grid;
  height: 420px;
  max-width: 90%;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(3, 33%);
  grid-gap: 5px;
  align-items: start;
  grid-template-areas: "ga1 ga2 ga2 ga3" "ga1 ga4 ga5 ga6" "ga7 ga8 ga9 ga9"; }
.grid-img img { }