<container>
  <rect fill="#000000" />
  <image id="B" x="0" y="0" width="{screen.width}" height="{screen.height}" opacity="0" rendering="speed" src="screen.srcB" solidity="solid"/>
  <image id="A" x="0" y="0" width="{screen.width}" height="{screen.height}" rendering="speed" src="screen.srcA" solidity="solid"/>
  <action on="DoTransition" onEnd="FinishedTransition"> 
    <animate targetNode="A" targetAttr="y" begin="50ms" dur="650ms" from="{screen.height*0.8}" to="{screen.height}" ease="in" />
    <animate targetNode="A" targetAttr="opacity" from="1" to="0" begin="50ms" dur="500ms"/>
    <animate targetNode="B" targetAttr="y" from="{screen.height*0.2}" to="0" begin="0ms" dur="350ms" ease="in"/>
    <animate targetNode="B" targetAttr="opacity" from="0.8" to="1" begin="0ms" dur="0ms"/>
    </action>
</container>
