diff --git a/src/posts/projects/manim-binder.mdx b/src/posts/projects/manim-binder.mdx
index 37b86c5..1a16603 100644
--- a/src/posts/projects/manim-binder.mdx
+++ b/src/posts/projects/manim-binder.mdx
@@ -11,6 +11,13 @@ tags: ["manim", "python", "binder"]
 You can view the project live on the
 [Manim Documentation](https://docs.manim.community/en/stable/examples.html).
 
+Below is a demo video of the project:
+
+<video controls>  
+  <source src="/assets/manim-binder/demo.mp4" type="video/mp4" />
+</video>
+
+
 ## Project's Background
 
 [Manim](https://manim.community) is a powerful animation engine for explanatory
diff --git a/src/styles/posts-style.module.scss b/src/styles/posts-style.module.scss
index d3eade7..fd5d82a 100644
--- a/src/styles/posts-style.module.scss
+++ b/src/styles/posts-style.module.scss
@@ -29,6 +29,11 @@
         padding-bottom: 0.5rem;
         padding-top: 0.5rem;
     }
+
+    video {
+        width: 100%;
+        height: auto;
+    }
 }
 
 @media (min-width: 640px) {
diff --git a/static/assets/manim-binder/demo.mp4 b/static/assets/manim-binder/demo.mp4
new file mode 100644
index 0000000..2388177
Binary files /dev/null and b/static/assets/manim-binder/demo.mp4 differ