body {
 background-image: url("https://files.catbox.moe/rw5hk7.jpg");
}

.container {
  display: grid;
  grid-template-rows: 100px 100px 100px 100px 100px 100px;
  grid-template-columns: 170px 170px 170px 170px 170px;
  
  
  margin: 50px auto 50px auto;
  
  border-style: solid;
  border-width: 2px;
  
  height: 500px;
  width: 850px;
  
  padding: 10px;
  gap: 10px;
  
  overflow: auto;
  
  
  background-color: white;
}

.container > div {
  background-color: #f1f1f1;
  text-align: center;
  padding: 10px;
  font-size: 30px;
}


.item1 {
  grid-row: 1 / 1;
  grid-column: 1 / 5;
}

.item2 {
  grid-row: 2 / 5;
  grid-column: 1 / 1;
}

.item3 {
 grid-row: 2 / 4;
 grid-column: 2 / 5;
}

.item4 {
 grid-row: 1 / 7;
 grid-column: 5 / 5;
}