h1 { 
  color: white;
  background-color: #000000;
  text-align: center;
}
body {
  background-color: rgb(120, 170, 230);
}
img {
  padding: 0px 0px 0px 0px;
  width: 100px;
  height: 100px;
  border: solid;
  border-radius: 50px 50px 50px 50px;
}
.grid-container {
  display: grid;
  grid-template-columns: 100px 100px;
  border: 1px;
  row-gap: 10px;
  column-gap: 10px;
  grid-template-areas: "left left_middle middle right_middle right";
  grid-template-columns: auto; 
}
.grid-item {
  background-color; black;
  color: white;
}
.left {
grid-area: left;
border: 1px;
grid-column: span 1;
grid-row: span 1;
}
.left_middle {
grid-area: left_middle;
border: 1px;
}
.middle {
grid-area: middle;
border: 1px;
}
.right_middle{
grid-area: right_middle;
border: 1px;
}
.right {
grid-area: right;
border: 1px;
}