body {
    overflow-y: scroll;
    overflow-x: hidden;
}

.grid {
    display: inline-grid;
    grid-template-columns: 20vmax 60vmax;
    grid-template-rows: auto;
    column-gap: 20%;
    row-gap: 1%;
    margin-left: 2vmax;
    align-items: start;
}
.title {
    position:sticky;
    top: 0;
}

.splainer {
    margin-top: 100px;
    position:sticky;
    top: 0;
    background-color: rgb(255, 250, 250);
}
img {
  max-width: 100%;
  height: auto;
  display: block;
  text-align: middle;  
}

 p {
    grid-column: 1;
    grid-row: 1;
}

.image1 {
    grid-column: 2;
    grid-row: 1;
}

.image2 {
    grid-row: 3;
    grid-column: 2;
}

.image3 {
    grid-row: 4;
    grid-column: 2;
}

.image4 {
    grid-row: 5;
    grid-column: 2;
}

.image5 {
    grid-row: 6 ;
    grid-column: 2;
}
.splainer {
    grid-column: 1;
    grid-row: 6;
}

.image6 {
    grid-row: 7;
    grid-column: 2;
}

.image7 {
    grid-row: 8;
    grid-column: 2;
}

.image8 {
    grid-row: 9;
}

.image9 {
    grid-row: 10;
}

.image10 {
grid-row: 11;
}

.image11 {
  grid-row: 12;  
}

a.homelink {
    height:fit-content;
}

 @media (max-width: 992px) { 
.grid {
    grid-template-columns:minmax(20%, 10%);
}
 }