.container {
    display: grid;
    grid-template-areas:
    "header header header"
    "content1 content2 content2"
    "content1 content3 content4"
    "content5 content5 content6"
    "content5 content5 content7"
    "footer footer footer";
    grid-auto-rows: 1fr;
     grid-auto-columns: 1fr;
    gap: 8px;
}

.text {
    text-align: center;
}

.header {
    grid-area: header;
    background-color: aquamarine;
}
.content1 {
    grid-area: content1;
    background-color: aqua;
}
.content2 {
    grid-area: content2;
    background-color: rgb(81, 255, 0);
}
.content3 {
    grid-area: content3;
    background-color: rgb(255, 80, 243);
}
.content4 {
    grid-area: content4;
    background-color: aqua;
}
.content5 {
    grid-area: content5;
    background-color: rgb(81, 255, 0);
}
.content6 {
    grid-area: content6;
    background-color: rgb(255, 80, 243);
}
.content7 {
    grid-area: content7;
    background-color: aqua;
}

img {
    width: 300px;
    height: auto;
}