diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 1c9be6549..b0a31df98 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -509,7 +509,7 @@ export default function Wrapper({ initialSettings, fallback }) {
     if (typeof bg === "object") {
       backgroundImage = bg.image || "";
       if (bg.opacity !== undefined) {
-        opacity = bg.opacity / 100;
+        opacity = 1 - bg.opacity / 100;
       }
       backgroundBlur = bg.blur !== undefined;
       backgroundSaturate = bg.saturate !== undefined;