diff --git a/app.vue b/app.vue
index ba577f8..983a2c0 100644
--- a/app.vue
+++ b/app.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="content-wrapper">
     <ContentRenderer :value="doc" /> <!-- Render the markdown content -->
+    <video controls width="640">
+      <source src="/videos/video.mp4" type="video/mp4" />
+      Your browser does not support the video tag.
+    </video>
   </div>
 </template>
 
diff --git a/assets/main.css b/assets/main.css
index 2fd3289..c079efe 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -44,6 +44,12 @@
     font-size: 0.98em;
     color:#8B5E3C;
 }
+video {
+  border: 2px solid #474405;
+  border-radius: 8px;
+  max-width: 100%;  /* Responsive width */
+  display: block;   /* Center the video */
+  margin: 20px auto;}
 
 
 
diff --git a/public/videos/video.mp4 b/public/videos/video.mp4
new file mode 100644
index 0000000..c9b4a56
Binary files /dev/null and b/public/videos/video.mp4 differ