.container {
    display: grid;
    grid-template-areas: 
        "header header header"
        "video1 video1 figureandcaption"
        "poem1 poem1 image3"
        "poem1 poem1 movielist"
        "image1 image2 movielist";
    grid-template-rows: 100px 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    border: 1px solid black;

}

.header {
    grid-area: header;
    border: 1px solid black;
    text-align: center;

}


.video1 {
    grid-area: video1;
    border: 1px solid black;
}

/* 
> Child Selector
" " Descendant
"," and 
*/

.poem1 {
    grid-area: poem1;
    border: 1px solid black;
}

.image1 {
    grid-area: image1;
    border: 1px solid black;
}

.image2{
    grid-area: image2;
    border: 1px solid black;
}

.figureandcaption {
    grid-area: figureandcaption;
    border: 1px solid black;
}

.image3{
    grid-area: image3;
    border: 1px solid black;
}

.movielist{
    grid-area: movielist;
    border: 1px solid black;
}