Update NowPlaying style

src/App.tsx

@@ -61,13 +61,14 @@ export default function App() {
     <div id="mutuals">
       <Mutuals />
     </div>
-    <div className="flex justify-center">
+    <div>
       <div className={`sticky h-screen absolute`} style={{ opacity: cardOpacity, marginTop: `${document.getElementById("mutuals")?.offsetHeight}px` }}>
-        <div id="card" className="fixed bg-neutral-900 py-5 -ml-40 -mt-20" style={{ top: `${cardY}px` }}>
+        <div id="card" className="fixed bg-neutral-900 py-5 -mt-20" style={{ top: `${cardY}px` }}>
           <Card />
         </div>
       </div>
         
+      <div className="flex justify-center">
       <div id="content" className="absolute text-white max-w-6xl" style={{ top: `${contentY}px`}}>
         <div className="grid grid-cols-1 xl:grid-cols-2 gap-4 mb-5 w-full">
           <Profile />
@@ -83,6 +84,7 @@ export default function App() {
         </div> 
       </div>
       </div>
+    </div>
     </>
   )
 }

src/components/Card.tsx

@@ -32,23 +32,21 @@ export default function Card() {
     })
 
     return (
-        <div>
+        <div className="container">
             <div
-                className="absolute opacity-20 -z-10 blur-sm"
+                className="absolute opacity-20 w-screen -z-10 blur-sm"
                 style={np && np.isPlaying ? {
                     height: `89%`,
-                    width: `170%`,
-                    left: `-30%`,
                     backgroundImage: `url(${np.album_art})`,
                     backgroundColor: `rgba(255, 255, 255, 0.2)`,
                     backgroundBlendMode: `lighten`
                 } : {}}
             ></div>
-        <div className="flex justify-center items-center">
-            <div className="mx-2">
+            <div className="flex justify-center w-screen items-center">
+                <div className="mx-2 inline-block">
                     <img className="rounded-full" width={100} height={100} src="./avatar.webp" />
                 </div>
-            <div className="mx-2 text-left h-full">
+                <div className="mx-2 text-left h-full inline-block">
                     <Logo />
                     <p className="text-white mt-2 -mb-1">
                         {np && np.isPlaying &&