.griglia {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(7, 0.5fr);
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }
  
  .intro {
    margin-top: 100px;
    grid-area: 1 / 1 / 2 / 4;
  }
  
  .content1 {
    grid-area: 2 / 1 / 3 / 3;
    text-align: left;
  }
  
  .pic1 {
    margin-top: 50px;
    grid-area: 2 / 3 / 3 / 4;
  }
  
  .content2 {
    grid-area: 3 / 2 / 4 / 4;
    text-align: right;
  }
  
  .pic2 {
    margin-top: 200px;
    grid-area: 3 / 1 / 4 / 2;
  }
  
  .content3 {
    grid-area: 4 / 1 / 5 / 4;
  }
  
  .content4 {
    grid-area: 5 / 1 / 6 / 4;
  }
  
  .content5 {
    grid-area: 6 / 1 / 7 / 3;
    text-align: left;
  }
  
  .pic3 {
    grid-area: 6 / 3 / 7 / 4;
  }
  
  .finale {
    grid-area: 7 / 1 / 8 / 4;
  }