diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8187d5c..6b0104d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -76,8 +76,10 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="services" data-section="services">
+        <div id="services" data-section="services" className="relative bg-cover bg-center bg-no-repeat" style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775771149189-5ldyt62y.jpg')" }}>
+          <div className="absolute inset-0 bg-black/60" />
           <FeatureCardTwentyEight
+            className="relative z-10 text-white"
             animationType="slide-up"
             textboxLayout="split"
             useInvertedBackground={false}