section.login {
  background-image: url("../../images/bg-login.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

section.login::before {
  content: "";
  background-color: rgba(82, 82, 44, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
 
section.login .container-fluid .w-600 {
  width: 100%;
  max-width: 50%;
}

/* Media */
@media (max-width: 450px) {
  section.login::before {
    background-color: rgba(56, 82, 44, 0.9);
  }
}

@media (max-width: 998px) {
  section.login .container-fluid .w-600 {
      max-width: 380px;
    }
}