diff --git a/img/config.png b/img/config.png
new file mode 100644
index 0000000..325c9f2
Binary files /dev/null and b/img/config.png differ
diff --git a/img/fzf.png b/img/fzf.png
new file mode 100644
index 0000000..3c0db79
Binary files /dev/null and b/img/fzf.png differ
diff --git a/img/home.png b/img/home.png
new file mode 100644
index 0000000..ebe4c7c
Binary files /dev/null and b/img/home.png differ
diff --git a/index.html b/index.html
index 9c5f143..8be3522 100644
--- a/index.html
+++ b/index.html
@@ -119,7 +119,10 @@
         </p>
       </section>
       <section class="photo">
-        <!--Jsem přidám galerii-->
+        <img class="picture" src="img/home.png" alt="Homescreen" />
+	<img class="picture1" src="img/config.png" alt="config.vim">
+	<img class="picture2" src="img/fzf.png" alt="fzf">
+
       </section>
       <section id="install">
         <h2>Instalace a nastavení:</h2>
diff --git a/script.js b/script.js
index 6e14dd1..eb6d4fb 100644
--- a/script.js
+++ b/script.js
@@ -75,3 +75,48 @@ document.getElementById("toggleButton").addEventListener("click", toggleMode);
 // Nastavit výchozí styl na Dracula mód po načtení stránky
 setDraculaStyles();
 isDraculaMode = true;
+
+
+
+// Photo Gallery -> section
+const image1 = document.querySelector(".picture")
+
+image1.addEventListener("mouseenter", () => {
+
+    image1.style.transform = "scale(2.2)"
+
+})
+
+image1.addEventListener("mouseleave", () => {
+
+    image1.style.transform = "scale(1)"
+
+})
+
+const image2 = document.querySelector(".picture1")
+
+image2.addEventListener("mouseenter", () => {
+
+    image2.style.transform = "scale(2.2)"
+
+})
+
+image2.addEventListener("mouseleave", () => {
+
+    image2.style.transform = "scale(1)"
+
+})
+
+const image3 = document.querySelector(".picture2")
+
+image3.addEventListener("mouseenter", () => {
+
+    image3.style.transform = "scale(2.2)"
+
+})
+
+image3.addEventListener("mouseleave", () => {
+
+    image3.style.transform = "scale(1)"
+
+})
diff --git a/style.css b/style.css
index 7ff30d1..766ff6d 100644
--- a/style.css
+++ b/style.css
@@ -139,9 +139,24 @@ padding: 10px;
  
 .sat {
 	width: 175px;
-	height: 175px;}
+	height: 175px;
+}
 
 
+.photo {
+	text-align: center;
+}
+.photo img {
+
+    width: 300px;
+
+    height: 200px;
+
+    margin: 10px;
+
+    transition: all 0.5s linear;
+
+}
 /*footer pevná pozice*/
 
 footer {