transition animation between ssr and client:only component

[visual leaf]

As the title, can I do a transition animation between ssr and client component?
I have ViewTransitions in both layouts and transition:name={cover-${id}} on both components image elements.
ssr: data-astro-transition-scope="astro-b7hvcfre-1"
client: transition:name="cover-6"

Does anyone know a solution?

[visual leaf]

using import { navigate } from 'astro:transitions/client';
does not solve it cause image doesn't have hero effect