.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 200px;
  gap: 20px;
  grid-auto-rows: minmax(100px, auto);
  margin: 2% 3%;
  font-family: Century Gothic;
  
 
  
}
.one {
  grid-column: 1 / 3;
  grid-row: 1 / 5;
  background-color: rgb(0, 255, 255);
  border-radius: 20px;
  padding:20px;
  box-shadow: 2px 2px 7px #1c2228;
  background-color: rgb(169,169,169);
  font-size: 15px;
}
.two {
  grid-column: 3 / 8;
  grid-row: 1 / 3;
  background-color: rgba(255, 0, 0, 0.2);
  border-radius: 20px;
  padding:20px;
  box-shadow: 2px 2px 7px #1c2228;
  background-image: url(pic/pic17.jpg)
}
.three {
  grid-column: 3 / 8;
  grid-row: 3 / 5;
  background-color: rgba(255, 0, 0, 0.2);
  border-radius: 20px;
  padding:20px;
  box-shadow: 2px 2px 7px #1c2228;
  background-image: url(pic/pic18.jpg)
}

/* CSS Document */