diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index 8f40a61..415f224 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -5,7 +5,7 @@ import { Container } from '@/components/Container'
 
 export function Hero() {
   return (
-    <section className="relative w-full lg:h-screen  h-[550px] lg:mt-0 mt-0">
+    <section className="relative w-full lg:h-screen bg-transparent  h-[550px] lg:mt-0 mt-0">
       {/* Background Video */}
       <video
         autoPlay