/* FIREFOX MOBILE OVERRIDE */
@supports (-moz-appearance:none) {

  @media (max-width: 899px) {

    .ghost-fade,
    .grain,
    .crest {
      display: none !important;
    }

    .layer-before,
    .layer-after {
      backdrop-filter: none !important;
      mix-blend-mode: normal !important;
      background: rgba(0,0,0,0.30) !important;
    }

    .bg-img {
      background-attachment: scroll !important;
      height: 100vh !important; /* NOT % */
    }

    body::before,
    body::after {
      display: none !important;
    }

  }

}