improve background image rendering

CHANGELOG.md

@@ -1,8 +1,11 @@
-Add:
+Added:
 - New settings area called "Consistency" for things that make it more consistent with the original spotify theme
 - Ability to hide album name and year in playbar (#85)
 
-Fix:
+Fixed:
 - Some sidebar items hawing wrong width on hover [(see)](https://github.com/JulienMaille/dribbblish-dynamic-theme/issues/87#issuecomment-954305428)
 - Sidebar config buttons being below the text
-- Fix #87 by not showing the playing indicator above "Liked Songs"
+- Fix #87 by not showing the playing indicator above "Liked Songs"
+
+Improved: 
+- Background image now dosen't leak out of the main center area

src/styles/main.scss

@@ -1263,23 +1263,18 @@ html.right-expanded-cover.buddyfeed-visible .main-coverSlotExpanded-container {
 
 /* translucent background cover */
 .Root__top-container::before {
+    z-index: 3;
     content: "";
+    position: absolute;
+    inset: var(--main-gap) var(--buddy-feed-width) var(--main-gap) var(--sidebar-width);
+    pointer-events: none;
     background-image: var(--image-url);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
-    position: fixed;
-    display: block;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
     filter: blur(15px);
-    pointer-events: none;
-    backface-visibility: hidden;
-    will-change: transform;
+    border-radius: var(--main-corner-radius);
     opacity: calc(0.07 + 0.03 * var(--is_light, 0));
-    z-index: +3;
     transition: background-image var(--song-transition-speed) linear;
 }