diff --git a/materialize/css/style-page.css b/materialize/css/style-page.css
index 7486283..201d5dd 100644
--- a/materialize/css/style-page.css
+++ b/materialize/css/style-page.css
@@ -28,16 +28,20 @@ section {
 }
 
 .pictures-line {
+    min-width: 80%;
     width: 80%;
     margin-left: 10%;
     margin-right: 10%;
+    display: flex;
 }
 
-.pictures-line img {
-    position: relative;
-    display: inline;
-    width: 33%;
-    height: auto;
+.pictures-line .picture img {
+    width: 100%;
+    height: 100%;
+}
+
+.pictures-line .separator {
+    min-width: 15px;
 }
 
 footer {
diff --git a/templates/page-example.html b/templates/page-example.html
index 9a5fff1..d00aa63 100644
--- a/templates/page-example.html
+++ b/templates/page-example.html
@@ -22,9 +22,17 @@
 
     <section class="pictures-group">
         <div class="pictures-line">
-            <img src="./1.png">
-            <img src="./1.png">
-            <img src="./1.png">
+            <div class="picture">
+                <img src="./1-small.png">
+            </div>
+            <div class="separator"></div>
+            <div class="picture">
+                <img src="./2-small.png">
+            </div>
+            <div class="separator"></div>
+            <div class="picture">
+                <img src="./1-small.png">
+            </div>
         </div>
     </section>