.landing-grid{
  display:grid;

  /*
  DESKTOP

  [42%][33%][25% tall]
  [33%][42%][25% cont.]
  */

  grid-template-columns:42% 33% 25%;

  /* filas automáticas */
  grid-template-rows:auto auto;

  gap:16px;

  align-items:stretch;
}


/* base */

.grid-item{
  display:block;
  height:100%;
  overflow:hidden;
  border-radius:16px;
}

.grid-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}


/*
DESKTOP LAYOUT

[42%][33%][25% tall]
[33%][42%][25% cont.]
*/

.item-1{
  grid-column:1;
  grid-row:1;
}

.item-2{
  grid-column:2;
  grid-row:1;
}

.item-3{
  grid-column:3;
  grid-row:1 / span 2;

  /* clave */
  height:100%;
}

.item-4{
  grid-column:1;
  grid-row:2;
}

.item-5{
  grid-column:2;
  grid-row:2;
}


/*
MOBILE

[50%][50%]
[50%][50%]
[100%]
*/

@media (max-width:768px){

  .landing-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }

  .item-1,
  .item-2,
  .item-4,
  .item-5{
    grid-column:span 1;
    grid-row:auto;
  }

  .item-3{
    grid-column:1 / -1;
    grid-row:auto;
  }

}