animate bug fix

static/css/index.css

@@ -109,17 +109,24 @@ header .navbar.animate {
     opacity: 0.8;
 }
 
-#hero .image.animate img {
+#hero .image img {
-    animation: fade-in 1s ease-out;
     box-shadow:0px 8px 56px rgba(15, 80, 100, 0.16);
-    transition: box-shadow 0.3s;
     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;