diff --git a/src/app/page.tsx b/src/app/page.tsx
index 530f00c..b3dc4ab 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -79,26 +79,29 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
-        <MetricCardOne
-          title="By The Numbers"
-          description="Trusted by vintage lovers and sellers across San Diego"
-          metrics={[
-            {
-              id: "1",              value: "500",              title: "Happy Sellers",              description: "Creators bringing their pieces to life",              icon: Users
-            },
-            {
-              id: "2",              value: "30",              title: "Cash Payout",              description: "Fair value for your vintage finds",              icon: DollarSign
-            },
-            {
-              id: "3",              value: "50",              title: "Trade Credit",              description: "Even better—put it towards new gems",              icon: Zap
-            }
-          ]}
-          gridVariant="uniform-all-items-equal"
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={true}
-        />
+      <div id="metrics" data-section="metrics" style={{backgroundImage: 'url(https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39nsxwmbCTX7ZcKAFBAu1R1W3iH/uploaded-1771958543236-0b1kfsmo.png)', backgroundSize: 'cover', backgroundPosition: 'center', backgroundAttachment: 'fixed', position: 'relative'}}>
+        <div style={{position: 'absolute', inset: 0, backgroundColor: 'rgba(0, 0, 0, 0.5)'}}></div>
+        <div style={{position: 'relative', zIndex: 1}}>
+          <MetricCardOne
+            title="By The Numbers"
+            description="Trusted by vintage lovers and sellers across San Diego"
+            metrics={[
+              {
+                id: "1",              value: "500",              title: "Happy Sellers",              description: "Creators bringing their pieces to life",              icon: Users
+              },
+              {
+                id: "2",              value: "30",              title: "Cash Payout",              description: "Fair value for your vintage finds",              icon: DollarSign
+              },
+              {
+                id: "3",              value: "50",              title: "Trade Credit",              description: "Even better—put it towards new gems",              icon: Zap
+              }
+            ]}
+            gridVariant="uniform-all-items-equal"
+            textboxLayout="default"
+            animationType="slide-up"
+            useInvertedBackground={true}
+          />
+        </div>
       </div>
 
       <div id="features" data-section="features">