.parallax-container {
  display: flex;
  min-height: 100vh;
  flex-direction: column;

  /*  this is where the magic happens:  */
  background-attachment: fixed;

  background-image: url(./static/godface.png);
  background-position: center;
  background-size: cover;
  background-color: rgba(0, 102, 204, 0.05);
  background-blend-mode: lighten;
  row-gap: 4rem;
}

.parallax-container2 {
  flex-direction: row;
  flex-wrap: wrap;

  padding: 6rem 0;
  background-image: url(./static/maya.png);
  gap: 1.6em;
}

.parallax-container3 {
  flex-direction: row;
  flex-wrap: wrap;

  padding: 6rem 0;
  background-image: url(./static/door.png);
  gap: 1.6em;
}

.buffer {
  width: 100%;
  min-height: 20vh;
  background-color: var(--color);
}