1.avatar {
2  animation: scale-down both ease-in-out;
3  animation-timeline: scroll(root);
4  animation-range: calc(var(--header-height) * 0.5) var(--header-height);
5}
6@keyframes scale-down {
7  to {
8    scale: 0.35;
9    translate: 0 -50%;
10  }
11}