animate bug fix

exampleSite/config.yaml

@@ -19,7 +19,7 @@ Menus:
       title: Blog posts
       url: /blogs
       weight: 1
-    
+
     - identifier: gallery
       name: Gallery
       title: Blog posts
@@ -111,7 +111,7 @@ params:
       enable: true
       name: "Resume"
       url: "#"
-      download: true 
+      download: true
     socialLinks:
       fontAwesomeIcons:
         - icon: fab fa-github

static/css/index.css

@@ -109,17 +109,24 @@ header .navbar.animate {
     opacity: 0.8;
 }
 
-#hero .image.animate img {
-    animation: fade-in 1s ease-out;
-    box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
-    transition: box-shadow 0.3s;
+#hero .image img {
+    box-shadow:0px 8px 56px rgba(15, 80, 100, 0.16);
     padding: 0;
     border: 0;
     border: 2px solid var(--secondary-color);
     border-radius: 1rem;
 }
 
+#hero .image.animate img {
+    animation: fade-in 1s ease-out;
+    transition: box-shadow 0.3s;
+}
+
 #hero .image img:hover {
+    cursor: pointer;
+}
+
+#hero .image.animate img:hover {
     box-shadow: 0 0 11px rgb(15 80 100 / 20%);
     filter: contrast(1.2);
     cursor: pointer;