.layout {
  width: 70%;

  display: grid;
  grid:
    "imaga texto" 650px
    / 500px 500px;
  gap: 22px;

  justify-content: space-between;
  align-content: space-between;
  margin: 50px
  }


.imaga {
  background: center/contain content-box border-box  
  lightblue;

}

.texto {
  background: center/contain content-box 
  pink;
}


.imaga { grid-area: imaga; }
.texto { grid-area: texto; }