.auto-animate > * {
  view-transition-class: auto-animation;
}

::view-transition-old(.auto-animation):only-child {
  animation: var(--animate-fade-out) forwards;
  animation-duration: var(--time-200);
  opacity: 1;
}

::view-transition-new(.auto-animation):only-child {
  animation: var(--animate-fade-in) forwards;
  animation-duration: var(--time-200);
  opacity: 0;
}