diff --git a/css/about.css b/css/about.css
index fef5e7c..03a4fe0 100644
--- a/css/about.css
+++ b/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) {
diff --git a/css/home.css b/css/home.css
index 5555982..7e333f4 100644
--- a/css/home.css
+++ b/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 */