livephoto: restore scale animation

Signed-off-by: Varun Patil <varunpatil@ucla.edu>

src/components/frame/Photo.vue

@@ -405,7 +405,7 @@ div.img-outer {
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none;
     user-select: none;
-    transition: border-radius 0.1s ease-in;
+    transition: border-radius 0.1s ease-in, transform 0.3s ease-in-out;
 
     .p-outer.placeholder > & {
       display: none;

src/global.scss

@@ -72,13 +72,23 @@ body.has-viewer header {
     display: block;
     z-index: 1;
   }
+
   video {
     opacity: 0;
     z-index: 2;
     transition: opacity 0.3s ease-in-out;
   }
-  &.playing.canplay video {
+  img {
-    opacity: 1;
+    transition: transform 0.3s ease-in-out;
+  }
+
+  &.playing.canplay {
+    video {
+      opacity: 1;
+    }
+    img {
+      transform: scale(1.05);
+    }
   }
 }