Keep aspect ratio for SVG scaling and use cover for background scaling

roles/keycloak/files/theme/archlinux/login/resources/css/custom.css

@@ -2,17 +2,18 @@
 
 .login-pf body {
     background: url("../img/login-background.jpg") no-repeat center center fixed;
+    background-size: cover;
 }
 
 div.kc-logo-text {
     background-image: url('../img/archlinux-logo-light.svg');
-    background-repeat: no-repeat;
-    background-size: cover;
+    background-size: 100%;
     height: 100px;
 }
 
 @media(max-width: 767px) {
     div.kc-logo-text {
+        background-size: 100%;
         height: 45px;
     }
 }