add blur->sharpen animation for loading expanded images on posts

app/javascript/src/styles/specific/posts.scss

@@ -1,5 +1,27 @@
 @import "../base/000_vars.scss";
 
+@keyframes heartbeat {
+  0% {
+    transform:scale(1);
+  }
+  50% {
+    transform:scale(1.3);
+  }
+  100% {
+    transform:scale(1);
+  }
+}
+
+@keyframes sharpen {
+  from {
+    filter: blur(8px);
+  }
+
+  to {
+    filter: none;
+  }
+}
+
 article.post-preview {
   height: 154px;
   width: 154px;
@@ -149,18 +171,6 @@ body[data-user-can-approve-posts="true"] .post-preview {
   color: red;
 }
 
-@keyframes heartbeat {
-  0% {
-    transform:scale(1);
-  }
-  50% {
-    transform:scale(1.3);
-  }
-  100% {
-    transform:scale(1);
-  }
-}
-
 div#c-posts {
   .fav-buttons {
     font-size: 14pt;