diff --git a/assets/img/portfolio/flyingballs.gif b/assets/img/portfolio/flyingballs.gif
new file mode 100644
index 0000000..ba610e5
Binary files /dev/null and b/assets/img/portfolio/flyingballs.gif differ
diff --git a/assets/img/portfolio/papermosaik.gif b/assets/img/portfolio/papermosaik.gif
new file mode 100644
index 0000000..88a5ba8
Binary files /dev/null and b/assets/img/portfolio/papermosaik.gif differ
diff --git a/assets/img/portfolio/portfolio-1.jpg b/assets/img/portfolio/portfolio-1.jpg
deleted file mode 100755
index f6160d4..0000000
Binary files a/assets/img/portfolio/portfolio-1.jpg and /dev/null differ
diff --git a/assets/img/portfolio/portfolio-2.jpg b/assets/img/portfolio/portfolio-2.jpg
deleted file mode 100755
index d4533c9..0000000
Binary files a/assets/img/portfolio/portfolio-2.jpg and /dev/null differ
diff --git a/assets/img/portfolio/portfolio-3.jpg b/assets/img/portfolio/portfolio-3.jpg
deleted file mode 100755
index eae7294..0000000
Binary files a/assets/img/portfolio/portfolio-3.jpg and /dev/null differ
diff --git a/assets/img/portfolio/portfolio-4.jpg b/assets/img/portfolio/portfolio-4.jpg
deleted file mode 100755
index 19688aa..0000000
Binary files a/assets/img/portfolio/portfolio-4.jpg and /dev/null differ
diff --git a/assets/img/portfolio/portfolio-5.jpg b/assets/img/portfolio/portfolio-5.jpg
deleted file mode 100755
index a815d6d..0000000
Binary files a/assets/img/portfolio/portfolio-5.jpg and /dev/null differ
diff --git a/assets/img/portfolio/portfolio-6.jpg b/assets/img/portfolio/portfolio-6.jpg
deleted file mode 100755
index 9c8ae4f..0000000
Binary files a/assets/img/portfolio/portfolio-6.jpg and /dev/null differ
diff --git a/assets/img/portfolio/portfolio-7.jpg b/assets/img/portfolio/portfolio-7.jpg
deleted file mode 100755
index 5999cb5..0000000
Binary files a/assets/img/portfolio/portfolio-7.jpg and /dev/null differ
diff --git a/assets/img/portfolio/portfolio-8.jpg b/assets/img/portfolio/portfolio-8.jpg
deleted file mode 100755
index 3c5c65f..0000000
Binary files a/assets/img/portfolio/portfolio-8.jpg and /dev/null differ
diff --git a/assets/img/portfolio/portfolio-9.jpg b/assets/img/portfolio/portfolio-9.jpg
deleted file mode 100755
index f366d29..0000000
Binary files a/assets/img/portfolio/portfolio-9.jpg and /dev/null differ
diff --git a/assets/img/portfolio/portfolio-details-1.jpg b/assets/img/portfolio/portfolio-details-1.jpg
deleted file mode 100755
index bbef322..0000000
Binary files a/assets/img/portfolio/portfolio-details-1.jpg and /dev/null differ
diff --git a/assets/img/portfolio/portfolio-details-2.jpg b/assets/img/portfolio/portfolio-details-2.jpg
deleted file mode 100755
index a47b48f..0000000
Binary files a/assets/img/portfolio/portfolio-details-2.jpg and /dev/null differ
diff --git a/assets/img/portfolio/portfolio-details-3.jpg b/assets/img/portfolio/portfolio-details-3.jpg
deleted file mode 100755
index fe2552b..0000000
Binary files a/assets/img/portfolio/portfolio-details-3.jpg and /dev/null differ
diff --git a/index.html b/index.html
index 24bb63f..b2f44cf 100644
--- a/index.html
+++ b/index.html
@@ -560,8 +560,7 @@
                     <!-- TODO: move this section right after the about me section -->
 
                     <div class="col-lg-4 col-md-6 portfolio-item filter-app">
-                        <div class="portfolio-img"><img src="assets/img/portfolio/flying-balls2.png" class="img-fluid"
-                                alt=""></div>
+                        <div class="portfolio-img"><img src="assets/img/portfolio/flyingballs.gif" class="img-fluid" alt=""></div>
                         <div class="portfolio-info">
                             <h4><a href="https://github.com/karma-riuk/flying-balls">From Flying Balls to Colliding
                                     Polygons</a></h4>
@@ -613,7 +612,8 @@
                     </div>
 
                     <div class="col-lg-4 col-md-6 portfolio-item filter-card">
-                        <div class="portfolio-img"><img src="assets/img/portfolio/paper-mosaik.png" class="img-fluid"
+                        <div class="portfolio-img"><img
+                                src="assets/img/portfolio/papermosaik.gif" class="img-fluid"
                                 alt=""></div>
                         <div class="portfolio-info">
                             <h4><a href="https://github.com/karma-riuk/PaperMosaik">PaperMosaik</a></h4>