When the user has a history stack with element transitions, it's possible for them to scroll the element out of view on one or both pages. This can cause elements to translate thousands of pixels across the document and should be avoided.
Here are a few product-level use cases that I would consider good practice with a the proverbial grid-to-hero-image CSS transform.
Scroll Position Priority