.grid-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto auto;
  gap: 20px;
  padding: 20px;
/*  height: 200vh;*/
}

.box {
/*  padding: 30px;*/
/*  color: white;*/
  font-size: 1.2rem;
  border-radius: 8px;
}

/* Background test colors */
/*.box1 { background-color: #1dbf73;min-height:100px; }
.box2 { background-color: #ff7a3d;min-height:100px; }
.box3 { background-color: #4a0d23;min-height:100px; }
*/

/* Sticky */
.sticky {
  position: relative;
  /*position: sticky;
  top: 150px;
  align-self: start;*/
}

/* Mobile layout */
@media (max-width: 768px) {
  .grid-container {
    display: flex;
    flex-direction: column;
    padding: 10px;
  }

  .box {
/*    width: calc(100% - 50px);*/
    width: 100%;
}

  .box1 { order: 1; }
  .box2 { order: 2; }
  .box3 { order: 3; }

  .sticky {
    position: static;
  }
}