diff --git a/css/style.css b/css/style.css
index 7fb7f57..5e68e30 100644
--- a/css/style.css
+++ b/css/style.css
@@ -115,6 +115,13 @@ h2{
     margin-left: 30%;
 }
 
+.col-2 .catFront {
+    position: fixed;
+    width: 40%;
+    bottom: 0;
+    right: 0;
+}
+
 .comic {
     width: 125%;
     box-shadow: 10px 10px 10px;
@@ -282,6 +289,10 @@ table tr td{
         transform: translateX(0px);
     }
 
+    .col-2 .catFront {
+        width: 65%;
+    }
+
     .col-1{
         flex-basis: 100%;
     }
@@ -293,4 +304,16 @@ table tr td{
     table{
         margin: 1%;
     }
+}
+
+@media only screen and (max-width:600px){
+    .col-2 .catFront {
+        width: 85%;
+    }
+}
+
+@media only screen and (max-width:500px){
+    .col-2 .catFront {
+        width: 100%;
+    }
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index b78a85f..5d2e3d3 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
             <h2 id="welcome2"></h2>
         </div>
         <div class="col-2">
-          <img src="webicons/foto.png" class="fotovonmir">
+          <img src="pics/cat_frontpage.png" class="catFront">
         </div>
         </div>
 
diff --git a/pics/cat_frontpage.png b/pics/cat_frontpage.png
new file mode 100644
index 0000000..249fd0d
Binary files /dev/null and b/pics/cat_frontpage.png differ