Improve style

static/style/global.css

@@ -28,7 +28,37 @@
   navigation: auto;
 }
 
-.avatar {
-  view-transition-name: avatar;
-  contain: paint;
+@keyframes zoom-fade-out {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: scale(1.05);
+  }
 }
+
+@keyframes zoom-fade-in {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+::view-transition-old(zoom-fade) {
+  animation: 400ms ease both zoom-fade-out;
+}
+
+::view-transition-new(zoom-fade) {
+  animation: 500ms ease 100ms both zoom-fade-in;
+}
+
+.zoom-fade {
+  view-transition-name: zoom-fade;
+}
+