summary image hover effect added

assets/sass/components/_bio.scss

@@ -12,7 +12,7 @@
     border-radius: 0.25rem;
     width: 100%;
     height: auto;
-    @include box-shadow(0, 8px, 6px, -6px, black);
+    @include box-shadow(0, 2px, 4px, 0, rgba(0, 0, 0, 0.25));
 
     &-wrapper {
       width: 90%;

assets/sass/components/_summary.scss

@@ -76,7 +76,7 @@
 }
 
 .summary-classic {
-  padding: 0 1rem;
+  padding: 0 1rem;  
   .title {
     font-size: 24px;    
     a {
@@ -125,7 +125,12 @@
       max-width: 130px;
       min-width: 130px;
       overflow: hidden;
+      border-radius: 0.25rem;
       @include align-self(center);
+      @include on-event {
+        @include box-shadow(1px, 1px, 3px, 0px, rgba(0, 0, 0, 0.25));
+        background-color: rgba(125, 125, 125, 0.1);
+      }
     }
   }
 

assets/sass/components/_whoami.scss

@@ -26,7 +26,7 @@
     height: 100%;
     object-fit: cover;
     border-radius: 0.25rem;
-    @include box-shadow(0, 8px, 6px, -6px, black);
+    @include box-shadow(0, 2px, 3px, 0, rgba(0, 0, 0, 0.25));
 
     &-wrapper {
       min-width: 100px;