diff --git a/assets/css/style.css b/assets/css/style.css
index 5d11c3b..dd8d72b 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1011,6 +1011,10 @@ section {
     margin-bottom: 20px;
 }
 
+.portfolio video, .portfolio img{
+    max-width: 100%;
+}
+
 .portfolio #portfolio-flters li {
     cursor: pointer;
     display: inline-block;
diff --git a/assets/img/portfolio/maze-solver.mp4 b/assets/img/portfolio/maze-solver.mp4
index c2ccbd1..75855be 100644
Binary files a/assets/img/portfolio/maze-solver.mp4 and b/assets/img/portfolio/maze-solver.mp4 differ
diff --git a/assets/img/portfolio/stickfosh.mp4 b/assets/img/portfolio/stickfosh.mp4
index 82d2248..b4a5234 100644
Binary files a/assets/img/portfolio/stickfosh.mp4 and b/assets/img/portfolio/stickfosh.mp4 differ
diff --git a/index.html b/index.html
index c714915..5423ca8 100644
--- a/index.html
+++ b/index.html
@@ -195,7 +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"><video autoplay loop width="100%" muted="true" src="assets/img/portfolio/maze-solver.mp4"></div>
+                        <div class="portfolio-img"><video autoplay loop 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>
@@ -211,7 +211,7 @@
                     </div>
 
                     <div class="col-lg-4 col-md-6 portfolio-item filter-app">
-                        <div class="portfolio-img"><video autoplay loop width="100%" muted="true" src="assets/img/portfolio/stickfosh.mp4">
+                        <div class="portfolio-img"><video autoplay loop 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>
@@ -246,7 +246,7 @@
                     </div>
 
                     <div class="col-lg-4 col-md-6 portfolio-item filter-card">
-                        <div class="portfolio-img"><video autoplay loop width="100%" muted="true" src="assets/img/portfolio/paper-mosaik.mp4"></div>
+                        <div class="portfolio-img"><video autoplay loop 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 -->
@@ -281,7 +281,7 @@
 
 
                     <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-img"><video autoplay loop 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>