diff --git a/art/refine.html b/art/refine.html
index 42ec506..f324a2c 100644
--- a/art/refine.html
+++ b/art/refine.html
@@ -78,19 +78,19 @@
             <img src="/images/art/tex/2.JPG" width="60%" class="img-rounded bordered">
             <img src="/images/art/tex/3.JPG" width="60%" class="img-rounded bordered">
             <h2>Applying filters to my photographs</h2>
-            <img src="/images/art/filters/5.JPG" width="60%" class="img-rounded bordered">
-            <img src="/images/art/filters/6.JPG" width="60%" class="img-rounded bordered">
-            <img src="/images/art/filters/7.JPG" width="60%" class="img-rounded bordered">
-            <img src="/images/art/filters/8.JPG" width="60%" class="img-rounded bordered">
-            <img src="/images/art/filters/5.JPG" width="60%" class="img-rounded bordered">
-            <img src="/images/art/filters/6.JPG" width="60%" class="img-rounded bordered">
-            <img src="/images/art/filters/7.JPG" width="60%" class="img-rounded bordered">
-            <img src="/images/art/filters/8.JPG" width="60%" class="img-rounded bordered">
+            <img src="/images/art/filters/1.JPG" width="40%" class="img-rounded bordered">
+            <img src="/images/art/filters/2.JPG" width="40%" class="img-rounded bordered">
+            <img src="/images/art/filters/3.JPG" width="40%" class="img-rounded bordered">
+            <img src="/images/art/filters/4.JPG" width="40%" class="img-rounded bordered">
+            <img src="/images/art/filters/5.JPG" width="40%" class="img-rounded bordered">
+            <img src="/images/art/filters/6.JPG" width="40%" class="img-rounded bordered">
+            <img src="/images/art/filters/7.JPG" width="40%" class="img-rounded bordered">
+            <img src="/images/art/filters/8.JPG" width="40%" class="img-rounded bordered">
             <h2>Multiple Filters on the same photo</h2>
-            <img src="/images/art/filters/multi1.JPG" width="60%" class="img-rounded bordered">
-            <img src="/images/art/filters/multi2.JPG" width="60%" class="img-rounded bordered">
-            <img src="/images/art/filters/multi3.JPG" width="60%" class="img-rounded bordered">
-            <img src="/images/art/filters/multi4.JPG" width="60%" class="img-rounded bordered">
+            <img src="/images/art/filters/multi1.JPG" width="40%" class="img-rounded bordered">
+            <img src="/images/art/filters/multi2.JPG" width="40%" class="img-rounded bordered">
+            <img src="/images/art/filters/multi3.JPG" width="40%" class="img-rounded bordered">
+            <img src="/images/art/filters/multi4.JPG" width="40%" class="img-rounded bordered">
         </div>
     </div>
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->