NQ-45 Responsive styling login and character select

src/assets/scss/login.scss

@@ -8,6 +8,7 @@
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
+  object-fit: cover;
 }
 
 .content-wrapper {
@@ -89,4 +90,18 @@
 
 a {
   text-decoration: none;
+}
+
+// Mobile screens (< 450px)
+@media screen and (max-width: 450px) {
+  .content-wrapper {
+    .content-elements {
+      .login-form {
+        .form-field {
+          width: 100%;
+          min-width: unset;
+        }
+      }
+    }
+  }
 }