diff --git a/assets/img/portfolio/flying-balls.png b/assets/img/portfolio/flying-balls.png
deleted file mode 100644
index 3cb4003..0000000
Binary files a/assets/img/portfolio/flying-balls.png and /dev/null differ
diff --git a/assets/img/portfolio/flying-balls2.png b/assets/img/portfolio/flying-balls2.png
deleted file mode 100644
index 4adbc91..0000000
Binary files a/assets/img/portfolio/flying-balls2.png and /dev/null differ
diff --git a/assets/img/portfolio/flyingballs.gif b/assets/img/portfolio/flyingballs.gif
deleted file mode 100644
index ba610e5..0000000
Binary files a/assets/img/portfolio/flyingballs.gif and /dev/null differ
diff --git a/assets/img/portfolio/flyingballs.mp4 b/assets/img/portfolio/flyingballs.mp4
new file mode 100644
index 0000000..29b8632
Binary files /dev/null and b/assets/img/portfolio/flyingballs.mp4 differ
diff --git a/assets/img/portfolio/maze-solver.gif b/assets/img/portfolio/maze-solver.gif
deleted file mode 100644
index 83634e7..0000000
Binary files a/assets/img/portfolio/maze-solver.gif and /dev/null differ
diff --git a/assets/img/portfolio/maze-solver.mp4 b/assets/img/portfolio/maze-solver.mp4
new file mode 100644
index 0000000..c2ccbd1
Binary files /dev/null and b/assets/img/portfolio/maze-solver.mp4 differ
diff --git a/assets/img/portfolio/paper-mosaik.mp4 b/assets/img/portfolio/paper-mosaik.mp4
new file mode 100644
index 0000000..ef20a7a
Binary files /dev/null and b/assets/img/portfolio/paper-mosaik.mp4 differ
diff --git a/assets/img/portfolio/papermosaik.gif b/assets/img/portfolio/papermosaik.gif
deleted file mode 100644
index 88a5ba8..0000000
Binary files a/assets/img/portfolio/papermosaik.gif and /dev/null differ
diff --git a/assets/img/portfolio/stickfosh-og.mp4 b/assets/img/portfolio/stickfosh-og.mp4
new file mode 100644
index 0000000..823dabc
Binary files /dev/null and b/assets/img/portfolio/stickfosh-og.mp4 differ
diff --git a/assets/img/portfolio/stickfosh.gif b/assets/img/portfolio/stickfosh.gif
deleted file mode 100644
index 117d7b1..0000000
Binary files a/assets/img/portfolio/stickfosh.gif and /dev/null differ
diff --git a/assets/img/portfolio/stickfosh.mp4 b/assets/img/portfolio/stickfosh.mp4
new file mode 100644
index 0000000..82d2248
Binary files /dev/null and b/assets/img/portfolio/stickfosh.mp4 differ
diff --git a/index.html b/index.html
index 74d99a4..c714915 100644
--- a/index.html
+++ b/index.html
@@ -195,8 +195,7 @@
                 <div class="row portfolio-container" data-aos="fade-up">
 
                     <div class="col-lg-4 col-md-6 portfolio-item filter-card">
-                        <div class="portfolio-img"><img loading="lazy" src="assets/img/portfolio/maze-solver.gif" class="img-fluid"
-                                alt=""></div>
+                        <div class="portfolio-img"><video autoplay loop width="100%" muted="true" src="assets/img/portfolio/maze-solver.mp4"></div>
                         <div class="portfolio-info">
                             <h4><a href="https://github.com/karma-riuk/maze-solver-go">Maze Solver</a></h4>
                             <div>
@@ -212,7 +211,7 @@
                     </div>
 
                     <div class="col-lg-4 col-md-6 portfolio-item filter-app">
-                        <div class="portfolio-img"><img loading="lazy" style="align-self: center;" src="assets/img/portfolio/stickfosh.gif" class="img-fluid" alt="">
+                        <div class="portfolio-img"><video autoplay loop width="100%" muted="true" src="assets/img/portfolio/stickfosh.mp4">
                         </div>
                         <div class="portfolio-info">
                             <h4><a href="https://github.com/karma-riuk/stickfosh">Stickfosh</a></h4>
@@ -247,9 +246,7 @@
                     </div>
 
                     <div class="col-lg-4 col-md-6 portfolio-item filter-card">
-                        <div class="portfolio-img"><img loading="lazy"
-                                src="assets/img/portfolio/papermosaik.gif" class="img-fluid"
-                                alt=""></div>
+                        <div class="portfolio-img"><video autoplay loop width="100%" muted="true" src="assets/img/portfolio/paper-mosaik.mp4"></div>
                         <div class="portfolio-info">
                             <h4><a href="https://github.com/karma-riuk/PaperMosaik">PaperMosaik</a></h4>
                             <!-- TODO: makea good readme fo this project -->
@@ -267,7 +264,24 @@
                     </div>
 
                     <div class="col-lg-4 col-md-6 portfolio-item filter-app">
-                        <div class="portfolio-img"><img loading="lazy" src="assets/img/portfolio/flyingballs.gif" class="img-fluid" alt=""></div>
+                        <div class="portfolio-img"><img src="assets/img/portfolio/aoc.jpeg" class="img-fluid" alt="">
+                        </div>
+                        <div class="portfolio-info">
+                            <h4><a href="https://github.com/karma-riuk/advent-of-code">Advent of Code</a></h4>
+                            <div>
+                                <p>
+                                    Fun coding challenges during christmas.<span class="br"></span>
+                                    Languages: C++, Go, Python
+                                </p>
+                                <a href="https://github.com/karma-riuk/advent-of-code" class="details-link"
+                                    title="More Details"><i class="bx bx-link"></i></a>
+                            </div>
+                        </div>
+                    </div>
+
+
+                    <div class="col-lg-4 col-md-6 portfolio-item filter-app">
+                        <div class="portfolio-img"><video autoplay loop width="100%" muted="true"><source src="assets/img/portfolio/flyingballs.mp4"/></video></div>
                         <div class="portfolio-info">
                             <h4><a href="https://github.com/karma-riuk/flying-balls">From Flying Balls to Colliding Polygons</a></h4>
                             <div>
@@ -284,23 +298,6 @@
                         </div>
                     </div>
 
-                    <div class="col-lg-4 col-md-6 portfolio-item filter-app">
-                        <div class="portfolio-img"><img loading="lazy" src="assets/img/portfolio/aoc.jpeg" class="img-fluid" alt="">
-                        </div>
-                        <div class="portfolio-info">
-                            <h4><a href="https://github.com/karma-riuk/advent-of-code">Advent of Code</a></h4>
-                            <div>
-                                <p>
-                                    Fun coding challenges during christmas.<span class="br"></span>
-                                    Languages: C++, Go, Python
-                                </p>
-                                <a href="https://github.com/karma-riuk/advent-of-code" class="details-link"
-                                    title="More Details"><i class="bx bx-link"></i></a>
-                            </div>
-                        </div>
-                    </div>
-
-
                 </div>
 
             </div>