diff --git a/img/Bez_nadeje.png b/img/Bez_nadeje.png
new file mode 100644
index 0000000..799b6fa
Binary files /dev/null and b/img/Bez_nadeje.png differ
diff --git a/img/amogusepic.jpg b/img/amogusepic.jpg
new file mode 100644
index 0000000..e07d02f
Binary files /dev/null and b/img/amogusepic.jpg differ
diff --git a/img/assist.jpg b/img/assist.jpg
new file mode 100644
index 0000000..30dccf7
Binary files /dev/null and b/img/assist.jpg differ
diff --git a/img/cabelist.jpg b/img/cabelist.jpg
new file mode 100644
index 0000000..b3b4224
Binary files /dev/null and b/img/cabelist.jpg differ
diff --git a/img/computerist.jpg b/img/computerist.jpg
new file mode 100644
index 0000000..aa1f9cc
Binary files /dev/null and b/img/computerist.jpg differ
diff --git a/img/culturist.jpg b/img/culturist.jpg
new file mode 100644
index 0000000..c202f33
Binary files /dev/null and b/img/culturist.jpg differ
diff --git a/img/drivist.jpg b/img/drivist.jpg
new file mode 100644
index 0000000..e6d7e8c
Binary files /dev/null and b/img/drivist.jpg differ
diff --git a/img/ew.jpg b/img/ew.jpg
new file mode 100644
index 0000000..1047e0e
Binary files /dev/null and b/img/ew.jpg differ
diff --git a/img/forkliftist.jpg b/img/forkliftist.jpg
new file mode 100644
index 0000000..fd5e222
Binary files /dev/null and b/img/forkliftist.jpg differ
diff --git a/img/freebird.jpg b/img/freebird.jpg
new file mode 100644
index 0000000..ccd84f4
Binary files /dev/null and b/img/freebird.jpg differ
diff --git a/img/hamerist.webp b/img/hamerist.webp
new file mode 100644
index 0000000..00abb8b
Binary files /dev/null and b/img/hamerist.webp differ
diff --git a/img/i_was_put.jpg b/img/i_was_put.jpg
new file mode 100644
index 0000000..e378be8
Binary files /dev/null and b/img/i_was_put.jpg differ
diff --git a/img/lingebra.jpg b/img/lingebra.jpg
new file mode 100644
index 0000000..512c5cf
Binary files /dev/null and b/img/lingebra.jpg differ
diff --git a/img/listenist.jpg b/img/listenist.jpg
new file mode 100644
index 0000000..3e100b7
Binary files /dev/null and b/img/listenist.jpg differ
diff --git a/img/pottist.jpg b/img/pottist.jpg
new file mode 100644
index 0000000..f17e415
Binary files /dev/null and b/img/pottist.jpg differ
diff --git a/img/readist.jpg b/img/readist.jpg
new file mode 100644
index 0000000..b7b4c28
Binary files /dev/null and b/img/readist.jpg differ
diff --git a/img/readist2.jpg b/img/readist2.jpg
new file mode 100644
index 0000000..0d080c0
Binary files /dev/null and b/img/readist2.jpg differ
diff --git a/img/real.jpg b/img/real.jpg
new file mode 100644
index 0000000..846d9cf
Binary files /dev/null and b/img/real.jpg differ
diff --git a/img/tankist.png b/img/tankist.png
new file mode 100644
index 0000000..1876855
Binary files /dev/null and b/img/tankist.png differ
diff --git a/img/the_fight.jpg b/img/the_fight.jpg
new file mode 100644
index 0000000..1905960
Binary files /dev/null and b/img/the_fight.jpg differ
diff --git a/img/umeni/gandalf.jpg b/img/umeni/gandalf.jpg
new file mode 100644
index 0000000..bfbe0ee
Binary files /dev/null and b/img/umeni/gandalf.jpg differ
diff --git a/img/waterist.jpg b/img/waterist.jpg
new file mode 100644
index 0000000..67a4e33
Binary files /dev/null and b/img/waterist.jpg differ
diff --git a/index.html b/index.html
index c6e9468..c231257 100644
--- a/index.html
+++ b/index.html
@@ -46,7 +46,6 @@ img {
 #galerie {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
-   grid-template-rows: auto;
    grid-template-areas: 
       "aa ab ac"
       "ba bb bc";
@@ -58,11 +57,19 @@ img {
 #gal3 {grid-area: ba;}
 #gal4 {grid-area: bb;}
 #gal5 {grid-area: bc;}
-.gal {margin: 2.5%;flex-grow: 1;}
+.gal {
+   margin: 2.5%;
+   object-fit: contain;
+   aspect-ratio: 1 / 1;
+   padding-bottom: 0%;
+}
 .foot {
    display: inline-block;
    font-family: xenippa;
 }
+.galimg {
+   object-fit: contain;
+}
 #counter {margin-left: 2%; margin-right: 2%;}
 </style>
 </head>
@@ -123,12 +130,12 @@ img {
    <div class="box">
       <h2>Galerie umění</h2>
       <div id="galerie">
-         <div id="gal0" class="gal"> </div> 
-         <div id="gal1" class="gal"> </div> 
-         <div id="gal2" class="gal"> </div>
-         <div id="gal3" class="gal"> </div> 
-         <div id="gal4" class="gal"> </div> 
-         <div id="gal5" class="gal"> </div> 
+         <div id="gal0" class="gal"><img class="galimg" id="galimg0"></div> 
+         <div id="gal1" class="gal"><img class="galimg" id="galimg1"></div> 
+         <div id="gal2" class="gal"><img class="galimg" id="galimg2"></div>
+         <div id="gal3" class="gal"><img class="galimg" id="galimg3"></div> 
+         <div id="gal4" class="gal"><img class="galimg" id="galimg4"></div> 
+         <div id="gal5" class="gal"><img class="galimg" id="galimg5"></div> 
       </div>
       <button class="foot" id="lgal"><p>Předchozí</p></button>
       <p class="foot" id="counter"> </p>
@@ -136,15 +143,14 @@ img {
    </div>
    <script>
       let index = 0;
-      let imgpaths = ["img/gandalf.jpg"];
+      let imgpaths = ["assist.jpg", "cabelist.jpg", "computerist.jpg", "culturist.jpg", "drivist.jpg", "forkliftist.jpg", "hamerist.webp", "listenist.jpg", "readist.jpg", "readist2.jpg", "pottist.jpg", "ew.jpg", "waterist.jpg", "the_fight.jpg", "tankist.png", "lingebra.jpg", "i_was_put.jpg", "real.jpg", "freebird.jpg", "Bez_nadeje.png", "amogusepic.jpg"];
       let count = imgpaths.length;
       let max = Math.floor(count/6);
       let update = () => {
          for(let i = 0; i < 6; i++) {
-            let g = document.getElementById("gal" + i);
-            let src = "img/gandalf.jpg";
+            let src = "gandalf.jpg";
             if(i + index*6 < count) src = imgpaths[6*index + i];
-            g.innerHTML = "<img class='galimg' src='" + src + "'>";
+            document.getElementById("galimg"+i).src = "img/"+src;
          }
          document.getElementById("counter").innerHTML = index + ' / ' + max;
       }