fix card-img-top transition

static/assets/css/style.css

@@ -89,7 +89,6 @@ a:hover {
 .card {
   box-shadow: none;
   transition: all 0.3s ease-out;
-  transition: all 0.3s ease-out;
   overflow: hidden;
 }
 
@@ -108,7 +107,6 @@ a:hover {
   box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
   border: 1px solid #fff;
   transition: all 0.3s ease-out;
-  transition: all 0.3s ease-out;
 }
 
 .card .card-head {
@@ -117,9 +115,12 @@ a:hover {
   overflow: hidden;
 }
 
+.card-img-top {
+  transition: all 0.3s ease-out!important;
+}
+
 .card:hover .card-head .card-img-top,
-.card:hover .card-head .card-img-top {
-  transition: all 0.3s ease-out;
+.card:focus .card-head .card-img-top {
   transition: all 0.3s ease-out;
   transform: scale(1.2);
 }