#main {
  position: relative;
  padding: 0;
}

.layer-overlay {
  pointer-events: none;
  padding: 0;
  margin: 0;
  z-index: 30;

  .layer-overlay--bg {
    display: block;
    height: 100%;
    width: 100%;
    background-image: url("../images/overlay-layer-origin-mobile.jpg");
    transform-origin: top left;
    opacity: 15%;
    mix-blend-mode: luminosity;
  }

  @media (min-width: 768px) {
    .layer-overlay--bg {
      background-image: url("../images/overlay-layer-origin.jpg");
    }
  }
}