Add catpic to frontpage

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%;
+    }
 }

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>