Fixed milky way sizing on non-1080p screens

andromeda.css

@@ -15,16 +15,29 @@
 /* ============================== */
 /*  Global
 /* ============================== */
+html {
+    font-size: unset !important;
+}
+body {
+    font-size: 93% !important;
+}
+
 /* Add Milky Way graphic to header */
+@media (max-width: 100em) {
+    .skinHeader {
+        --background-width: 100rem;
+    }
+}
 .skinHeader {
-    margin-top: -22.02vw;
+    --background-width: 100%;
+    margin-top: calc(-1 * (0.2202 * var(--background-width)));
     height: 100%;
-    padding-top: 22.02vw;
+    padding-top: calc(-1 * (0.2202 * var(--background-width)));
     backdrop-filter: none !important;
     background-color: rgba(0, 0, 0, 0) !important;
     background-image: url("https://static.zomerkoningin.nl/andromeda/images/milkyway_header.webp");
     background-repeat: no-repeat;
-    background-size: 100%;
+    background-size: var(--background-width) auto;
     background-position-x: center;
     background-position-y: top;
     pointer-events: none;
@@ -41,8 +54,8 @@
     background-image: url("https://static.zomerkoningin.nl/andromeda/images/nightsky.webp");
     background-size: 100%;
 }
-.backgroundContainer:not(.withBackdrop) {
+.backgroundContainer {
-    background-color: rgba(0, 0, 0, 0) !important;
+    display: none;
 }
 
 /* Add fade-out to scrollable lists */
@@ -87,6 +100,11 @@ div:has(> div > .emby-scroller-container) {
     background-color: transparent !important;
 }
 
+/* Show stars in background */
+.backdropContainer > .backdropImage {
+    opacity: 0.14 !important;
+}
+
 /* Logo */
 .layout-desktop .libraryPage.itemDetailPage::before {
     height: calc(30vw - var(--logo-height));