diff --git a/themes/src/main/resources/theme/keycloak/login/resources/css/login.css b/themes/src/main/resources/theme/keycloak/login/resources/css/login.css
index 6813ecf..32ad9cb 100644
--- a/themes/src/main/resources/theme/keycloak/login/resources/css/login.css
+++ b/themes/src/main/resources/theme/keycloak/login/resources/css/login.css
@@ -1,5 +1,5 @@
.login-pf body {
- background-image: url("../img/keycloak-bg.png");
+ background: url("../img/keycloak-bg.png") no-repeat center center fixed;
background-size: cover;
}
diff --git a/themes/src/main/resources-product/theme/rh-sso/login/resources/css/login-rhsso.css b/themes/src/main/resources-product/theme/rh-sso/login/resources/css/login-rhsso.css
index 71f6759..3e1d2de 100644
--- a/themes/src/main/resources-product/theme/rh-sso/login/resources/css/login-rhsso.css
+++ b/themes/src/main/resources-product/theme/rh-sso/login/resources/css/login-rhsso.css
@@ -1,6 +1,6 @@
.login-pf body {
- background-image: url(../node_modules/rcue/dist/img/bg-login.png);
- background-size: auto;
+ background: url("../node_modules/rcue/dist/img/bg-login.png") no-repeat left top fixed;
+ background-size: auto;
}
@media (max-width: 767px) {
@@ -11,3 +11,8 @@
background-color: white;
}
}
+@media (min-width: 767px) {
+ .login-pf {
+ background-attachment: fixed;
+ }
+}