body {text-align:center;
        background: #d3d3d3;
}


div {
   display: flex;
}

h1 {
  position: absolute;
  font-weight: 900px;
  font-size: 200px;
  line-height: 0.9;
  color: black;
  font-family: Helvetica, sans-serif;
  margin: 0;
  z-index: 5;
}

/* posizioni */
.what { top: 40px; left: 40px; }
.do   { top: 250px; left: 40px; }
.you  { top: 250px; right: 60px; }
.see  { bottom: 40px; right: 60px; }

.stones {
position: absolute;
  }
.sasso1 { width: 300px; height: auto ;top: 40px; right: 60px; }
.sasso2 { width: 300px; height: auto ;top: 50%; left: 50%; transform: translate(-50%, -50%); }
.sasso3 { width: 300px; height: auto ;bottom: 40px; left: 40px; }

.what{
   position: absolute;
   
}


.up-left {
  position: fixed;  
  margin: 0;     /* fissa la posizione rispetto alla finestra */         /* distanza dal fondo */
  left: 20px;   
  top: 20px;
}
img {
  width: 300px;
}

.background {
  position: fixed;        /* resta ferma anche se scorri */
  top: 0;
  left: 0;
  width: 100vw;           /* copre tutta la larghezza della finestra */
  height: 100vh;          /* copre tutta l’altezza */
  object-fit: contain;  
  background-color: #d3d3d3;    /* riempie senza deformarsi */
  z-index: -1;            /* resta dietro a tutto */
}

.background2 {
  position: fixed;        /* resta ferma anche se scorri */
  top: 0;
  left: 0;
  width: 100vw;           /* copre tutta la larghezza della finestra */
  height: 100vh;          /* copre tutta l’altezza */
  object-fit: cover;  
  background-color: #d3d3d3;    /* riempie senza deformarsi */
  z-index: -1;            /* resta dietro a tutto */
}

.corner-link {
  position: fixed;       /* fissa la posizione rispetto alla finestra */
  bottom: 20px;          /* distanza dal fondo */
  right: 20px;           /* distanza dal bordo destro */
  display: inline-block;        /* per mandarli uno sotto l’altro */
}