Is it possible to have an overlay slide in and back out within another overlay?

I have a situation for my client where an overlay is displayed in the center over another screen. This overlay is split in half, left and right with an image on the left and content on the right. I want to have the content swapped with other content animating in from the right, but be masked by the overlay.

See here

I have tried making the first overlay clip content. I have tried masking the overlays. I have even tried overlaying a copy of the right side of the screen on top of both overlays, but the second overlay always animates on top of everything.

Thanks for any help!

I figured this out using “smart animate.” Please feel free to ask any questions about the implementation.