.wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(10, 1fr);
  width: 100vw;
  height: 100vh;
}

.box1 {
  grid-column: 1 / span 2;
  grid-row: 1 / span 6;
  background-color: white;
  display: grid;
  margin: 0;
  justify-items: center;
  align-items: center;
}

.box1 > img {
  height: 40vh;
//  width: 20vw;
}

.box2 {
  grid-column: 1 / span 2;
  grid-row: 7 / span 9;
  background-color: white;
  display: grid;
  margin: 0;
  justify-items: center;
//  align-items: center;
}

.box2 > img {
//  height: 20vh;
  width: 40vw;
}

.box3 {
  grid-column: 1 / span 2;
  grid-row: 10;
  background-color: white;
  display: grid;
  margin: 0;
  text-align: center;
//  justify-self: center;
//  align-self: center;
  font-family: 'Raleway';
  font-size: 3vh;
  color: black;
}