diff --git a/package-lock.json b/package-lock.json
index 1914a13..616dfbb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "websostenible",
-  "version": "0.0.6",
+  "version": "0.1.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "websostenible",
-      "version": "0.0.6",
+      "version": "0.1.1",
       "dependencies": {
         "@astrojs/mdx": "^3.1.8",
         "astro": "^4.16.3"
diff --git a/public/imgs/bosqueverde.webm b/public/imgs/bosqueverde.webm
new file mode 100644
index 0000000..9b912d3
Binary files /dev/null and b/public/imgs/bosqueverde.webm differ
diff --git a/src/pages/index.astro b/src/pages/index.astro
index e6012f1..6a8c9c3 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -51,6 +51,12 @@ const animateOnScroll = `
 	<body>
 		<Navbar />
 		<header class="header-bg text-white">
+
+			<video autoplay muted loop class="video-bg">
+				<source src="/imgs/bosqueverde.webm" type="video/webm">
+				Tu navegador no soporta la reproducción de videos.
+			</video>
+
 			<div class="container text-center">
 				<h1
 					class="display-1 mb-4 animate__animated animate__fadeInDown londrina-sketch-regular"
@@ -319,4 +325,20 @@ const animateOnScroll = `
 		object-fit: cover;
 		border-radius: 8px;
 	}
+
+
+	header {
+    position: relative;
+    overflow: hidden;
+	}
+
+	.video-bg {
+    position: absolute;
+	}
+
+	.container {
+    position: relative;
+    z-index: 1;
+	}
+
 </style>
