body {
  max-height: 100vh;
}

.badminton-img {
  width: 50vw;
  height: 100vh;
  object-fit: cover;
  object-position: center top;
}

.login-form > div {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .badminton-img {
   display: none;
  }

  .login-form {
    width: 100%;
  }

  .login-form > div {
    width: 100%;
  }
}

.flex-fill {
  display: none !important;
}