diff --git a/dist/black_-_13495 (Original) b/dist/black_-_13495 (Original)
new file mode 100644
index 0000000..1eb30b2
Binary files /dev/null and b/dist/black_-_13495 (Original) differ
diff --git a/dist/index.html b/dist/index.html
index c54dd16..9af862c 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -13,12 +13,21 @@
       rel="stylesheet"
     />
   </head>
-  <body>
+  <body class="bg-black">
+    <div class="relative flex items-center  
+        justify-center h-screen overflow-hidden"> 
+        <video src= 
+"black_-_13495 (Original)"
+            autoplay="{true}" loop muted 
+            className="absolute z-10 w-auto  
+            min-w-full min-h-full max-w-none"> 
+        </video> 
+   
     <section
-      class="bg-gradient-to-r from-gray-700 via-gray-900 to-black text-white font-grotesk overflow-hidden"
+      class=" text-white font-grotesk overflow-hidden absolute"
     >
-      <header class="bg-transparent backdrop-blur-sm fixed w-screen">
-        <div class="mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8">
+      <header class="bg-transparent backdrop-blur-sm  w-screen fixed">
+        <div class="mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8 ">
           <div class="flex h-24 items-center justify-between">
             <div class="flex-1 md:flex md:items-center md:gap-12">
               <a class="block text-teal-600" href="index.html">
@@ -153,7 +162,8 @@
 
       <div class="w-screen px-4 py-32 lg:flex lg:h-screen lg:items-center">
         <div
-          class="mx-auto max-w-3xl text-center border border-transparent shadow-2xl bg-gradient-to-r from-black via-gray-900 to-gray-700 rounded-3xl md:px-16 py-12"
+          class="mx-auto max-w-3xl text-center border border-transparent  bg-gradient-to-r from-black via-gray-900 to-gray-700 rounded-3xl md:px-16 py-12" 
+          lass="bg-cover" style="background-image: url('https://cdn.pixabay.com/photo/2016/12/29/18/44/background-1939128_1280.jpg');"
         >
           <h1
             class="w-fit m-auto bg-gradient-to-r from-green-300 via-blue-500 to-purple-600 bg-clip-text text-2xl font-extrabold text-transparent sm:text-5xl"
@@ -186,6 +196,7 @@
         </div>
       </div>
     </section>
+  </div>
 
     <footer class="bg-gray-300">
       <div class="w-screen px-4 pb-8 pt-16 sm:px-6 lg:px-8">
@@ -426,10 +437,12 @@
             </div>
           </div>
         </div>
+       
 
         <div class="mt-16 border-t border-gray-100 pt-8">
           <p class="text-center text-xs/relaxed text-gray-500">
-            © Company <script>document.write(new Date().getFullYear())</script>. All rights reserved.
+            © Company <script>document.write(new Date().getFullYear())</script>. All rights reserved. <br>
+            background graphic credits- <a href="https://pixabay.com/users/enchantedstudios-722609/" class="text-gray-700 transition hover:text-gray-700/75">EnchantedStudios</a>
 
             <br />
 
@@ -513,5 +526,8 @@
         headerList.style.display = "none";
       }
     });
+
+    
   </script>
+
 </html>
