hover effects for pictures

css/about.css

@@ -18,9 +18,18 @@
     float: right;
     margin-top: 10%;
     box-shadow: rgba(2, 12, 27, 0.7) 0px 10px 30px -15px;
+    transition: box-shadow 500ms;
     height: 100%;
 }
 
+/* screen larger than 600px -- desktop */
+@media screen and (min-width: 1201px) {
+    #aboutPic:hover {
+        box-shadow: rgba(2, 12, 27, 0.7) 0px 10px 30px 0px;
+        transition: all 500ms;
+    }
+}
+
 
 /* special design for Screen smaller than 600px -- mobile */
 @media screen and (max-width: 1200px) {

css/home.css

@@ -42,6 +42,12 @@
     #meaningFullSentence {
         width: 40%;
     }
+
+    /* todo maybe a bit weird??  */
+    #homepicture:hover {
+        box-shadow: rgba(2, 12, 27, 0.7) 0px 10px 30px 0px;
+        transition: all 500ms;
+    }
 }
 
 /* Screen smaller than 600px -- mobile */