#parallax-bg.template-space {
  background-image:
    /* soft gradient to enhance depth at the bottom */
    linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)),
    url('/static/media/background_images/space1.jpg');
    background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: center, bottom;
  background-blend-mode: normal, overlay;
  opacity: 0.96;
  background-origin: content-box;
  padding-top: 80px; /* adjust for toolbar height */
}


@media (max-width: 768px) {
  #parallax-bg.template-space {
    background-image:
      linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)),
      url('/static/media/background_images/space-bg-mobile.png');

    background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: center, bottom;
    background-blend-mode: normal, overlay;
  }
}