.griglia {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows:  repeat(2, 0.2fr) 1fr  0.2fr repeat(2, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 50px;
}

.intro {
    grid-area: 1 / 1 / 2 / 4;
    
}

.content1 {
    grid-area: 2 / 1 / 3 / 4;
}

.content2 {

    text-align: left;
    grid-area: 3 / 1 / 4 / 3;
}

.pic1 {
    margin-top: 100px;
    grid-area: 3 / 3 / 4 / 4;
    
}

.content3 {
    grid-area: 4 / 1 / 5 / 4;
}

.pic2 {
    margin-top: 200px;
    grid-area: 5 / 1 / 6 / 2;
}

.content4 {
    text-align: right;
    grid-area: 5 / 2 / 6 / 4;
}

/*.content5 {
    grid-area: 6 / 1 / 7 / 4;
}*/

.content5 {
    grid-area: 6 / 1 / 7 / 3;
}

.pic3 {
    margin-top: 200px;
    grid-area: 6 / 3 / 7 / 4;
}