diff --git a/index.html b/index.html
index 671e2ed..a0acfe1 100644
--- a/index.html
+++ b/index.html
@@ -194,20 +194,18 @@
 
                 <div class="row portfolio-container" data-aos="fade-up">
 
-                    <div class="col-lg-4 col-md-6 portfolio-item filter-app">
-                        <div class="portfolio-img"><img src="assets/img/portfolio/flyingballs.gif" class="img-fluid" alt=""></div>
+                    <div class="col-lg-4 col-md-6 portfolio-item filter-card">
+                        <div class="portfolio-img"><img src="assets/img/portfolio/maze-solver.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>
+                            <h4><a href="https://github.com/karma-riuk/maze-solver-go">Maze Solver</a></h4>
                             <div>
                                 <p>
-                                    An extension of a physics engine to simulate polygons,
-                                    focusing on collision detection and effects in
-                                    real-time, ensuring smooth
-                                    animations.<span class="br"></span>
-                                    Language: C++
+                                    A simple maze solver that takes in various types of maze as input and
+                                    outputs the solution.<span class="br"></span>
+                                    Language: Go
                                 </p>
-                                <a href="https://github.com/karma-riuk/flying-balls" class="details-link"
+                                <a href="https://github.com/karma-riuk/maze-solver-go" class="details-link"
                                     title="More Details"><i class="bx bx-link"></i></a>
                             </div>
                         </div>
@@ -248,22 +246,6 @@
                         </div>
                     </div>
 
-                    <div class="col-lg-4 col-md-6 portfolio-item filter-app">
-                        <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-card">
                         <div class="portfolio-img"><img
                                 src="assets/img/portfolio/papermosaik.gif" class="img-fluid"
@@ -284,23 +266,41 @@
                         </div>
                     </div>
 
-                    <div class="col-lg-4 col-md-6 portfolio-item filter-card">
-                        <div class="portfolio-img"><img src="assets/img/portfolio/maze-solver.gif" class="img-fluid"
-                                alt=""></div>
+                    <div class="col-lg-4 col-md-6 portfolio-item filter-app">
+                        <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/maze-solver-go">Maze Solver</a></h4>
+                            <h4><a href="https://github.com/karma-riuk/flying-balls">From Flying Balls to Colliding Polygons</a></h4>
                             <div>
                                 <p>
-                                    A simple maze solver that takes in various types of maze as input and
-                                    outputs the solution.<span class="br"></span>
-                                    Language: Go
+                                    An extension of a physics engine to simulate polygons,
+                                    focusing on collision detection and effects in
+                                    real-time, ensuring smooth
+                                    animations.<span class="br"></span>
+                                    Language: C++
                                 </p>
-                                <a href="https://github.com/karma-riuk/maze-solver-go" class="details-link"
+                                <a href="https://github.com/karma-riuk/flying-balls" 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"><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>
 
             </div>