.login {
  /* background-image: url(../img/template/login_bg.jpg); */
  background-image: url(../img/template/login_bg_06.jpg);
  /* background-image: url(https://images.unsplash.com/photo-1502747812021-0ae746b6c23f?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); */
  /* background-image: url(../img/template/christmas_bg.jpg); */
  background-position: center;
  background-size: cover;
}
    

.overlay-1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(
          270deg,
          rgba(226, 224, 211, 0) 0%,
          rgba(0, 0, 0, 0.8687850140056023) 100%
        );
      }
      .overlay-2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 250.625em;
        height: 23.8em;
        background: url(https://terriotech.com/cloud-overlay.png) 0 100%
          repeat-x;
        -webkit-animation: cloudLoop 80s linear infinite;
        animation: cloudLoop 80s linear infinite;
        z-index: 2;
        pointer-events: none;
        height: 43.75em;
      }
      @-webkit-keyframes cloudLoop {
        0% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }

        100% {
          -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
        }
      }

      @keyframes cloudLoop {
        0% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }

        100% {
          -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
        }
      }