@charset "UTF-8";

main {
    max-width: none;
    display: grid;
    grid-template-areas: 
    "h1 h1"
    "p piece1"
    "piece2 piece3"
    "piece4 piece5"
    "piece6 piece6";
    grid-template-columns: 500px 450px;
    grid-column-gap: 4em;
    grid-row-gap: .7em;
}

h1 {
    grid-area: h1;
}

.info {
    grid-area: p;
}

.content-image1 {
    grid-area: piece1;
}
.content-image1 img{
    width: 800px;
}

.content-image2 {
    grid-area: piece2;
}
.content-image2 img{
    width: 550px;
}

.content-image3 {
    grid-area: piece3;
}
.content-image3 img{
    width: 550px;
}

.content-image4 {
    grid-area: piece4;
}
.content-image4 img{
   width: 550px;
}

.content-image5 {
    grid-area: piece5;
}
.content-image5 img{
   width: 550px;
}