.sc-login-container {
  height: 100vh;
  gap: 2vh;
  background-color: white;
}
body {
  background-image: url(../images/bg/mobile/mobile.png);
  background-size: cover;
  background-repeat: no-repeat;
}
#validationFeedback {
  color: var(--bs-red);
}
/* Media query for tablets */
@media (min-width: 768px) {
  .sc-login-container {
  }
}
/* Media query for laptops/monitors */
@media (min-width: 1024px) {
  .sc-login-container {
    width: 33.33%;
  }
  body {
    background-image: url(../images/bg/desktop/standard-laptop.png);
  }
}
/* Media query for Full HD Monitor */
@media (min-width: 1440px) {
  .sc-login-container {
    width: 25%;
  }
  body {
    background-image: url(../images/bg/desktop/hd-monitor.png);
  }
}
/* Media query for Large Monitor */
@media (min-width: 2560px) {
  .sc-login-container {
    width: 20%;
  }
  body {
    background-image: url(../images/bg/desktop/large-monitor.png);
  }
}