box {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  width: 600px;
  height: 510px;
  padding: 15px;
  border-width: 1px;
}

  #A  {                                         #B  {
  grid-column: 1 / span 2;         grid-column: 1;
  grid-row: 2;                             grid-row: 1;
  align-self: end;                        z-index: 10;
  height: 150px;                          height: 180px;
}                                               }

  #C  {                                        #D  {
  grid-column: 2;                       grid-column: 2;
  grid-row: 1;                             grid-row: 2;
  align-self: start;                      justify-self: end;
  margin-left: -50px;                 align-self: start;
  height: 130px;                         height: 120px;
}                                                padding-left: 40px;
                                                  padding-right: 40px;
                                                }  
  #E  {
  grid-column: 1 / span 2;
  grid-row: 1 / span 2;
  z-index: 5;
  justify-self: center;
  align-self: center;
  height: 168px;
  padding-left: 50px;
  padding-right: 50px;
}