*{
  margin: 0;
  padding: 0;
}

body{
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

.parent {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-column-gap: 19px;
  grid-row-gap: 19px;
}

.parent div{
  height: 200px;
  width: 100%;
  overflow: hidden;
}
.parent div img{
  object-position: 0px top;
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.div1 {
  grid-area: 1 / 1 / 2 / 3;
}
.div2 {
  grid-area: 1 / 3 / 2 / 5;
}
.div3 {
  grid-area: 1 / 5 / 2 / 7;
  color: orangered;
  font-size: xx-large;
  display: flex;
  align-items: center;
  /* object-fit:c; */
}
.div4 {
  grid-area: 2 / 1 / 3 / 4;
}
.div5 {
  grid-area: 2 / 4 / 3 / 5;
}
.div6 {
  grid-area: 2 / 5 / 3 / 7;
}
.div7 {
  grid-area: 3 / 1 / 4 / 2;
}
.div8 {
  grid-area: 3 / 2 / 4 / 3;
}
.div9 {
  grid-area: 3 / 3 / 4 / 4;
}
.div10 {
  grid-area: 3 / 4 / 4 / 5;
}
.div11 {
  grid-area: 3 / 5 / 4 / 6;
}
.div12 {
  grid-area: 3 / 6 / 4 / 7;
}
.div13 {
  grid-area: 4 / 1 / 5 / 3;
}
.div14 {
  grid-area: 4 / 3 / 5 / 6;
}
.div15 {
  grid-area: 4 / 6 / 5 / 7;
}

.div15 {
  grid-area: 4 / 6 / 5 / 7;
  color: orangered;
  font-size: xx-large;
  display: flex;
  align-items: center;
}