apply bgimage style to hufflepuff

packages/app/src/components/Theme/ThemeHufflepuff.module.scss

@@ -18,6 +18,23 @@
 //   border-bottom: $accentcolor 4px solid;
 // }
 
+.theme :global {
+  .wrapper {
+    position: relative;
+  }
+
+  .bg-image-wrapper {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+  }
+
+  .bg-image {
+    object-fit: cover;
+    object-position: bottom;
+  }
+}
+
 //== Light Mode
 //
 .theme[data-color-scheme='light'] :global {
@@ -105,17 +122,6 @@
     }
   }
 
-  .growi:not(.login-page) {
-    // add background-image
-    #page-wrapper,
-    .page-editor-preview-container {
-      background-image: url('/images/themes/hufflepuff/badger-light3.png');
-      background-attachment: fixed;
-      background-position: bottom;
-      background-size: cover;
-    }
-  }
-
   // login and register
   .nologin {
     #page-wrapper {
@@ -273,17 +279,6 @@
     background-color: $accentcolor;
   }
 
-  .growi:not(.login-page) {
-    // add background-image
-    #page-wrapper,
-    .page-editor-preview-container {
-      background-image: url('/images/themes/hufflepuff/badger-dark.jpg');
-      background-attachment: fixed;
-      background-position: bottom;
-      background-size: cover;
-    }
-  }
-
   // login and register
   .nologin {
     #page-wrapper {