<smil xmlns="http://www.w3.org/2001/SMIL20/Language">
  <head>
    <layout>
      <root-layout backgroundColor="white" width="450" height="450"/>
      <region id="r" fit="fill"/>
    </layout>
  </head>
  <body>
    <par dur="indefinite">
      <img region="r" src="../images/animation-overall-BE-01.jpg" z-index="-1" fit="hidden"/>
      <animate targetElement="rect1" attributeName="top" attributeType="CSS" begin="0s" dur="9s" fill="freeze" from="200" to="25"/>
      <animate targetElement="rect1" attributeName="left" attributeType="CSS" begin="0s" dur="9s" fill="freeze" from="200" to="75"/>
      <animate targetElement="rect2" attributeName="width" attributeType="XML" begin="0s" dur="9s" fill="freeze" from="50" to="400"/>
      <animate targetElement="rect2" attributeName="height" attributeType="XML" begin="0s" dur="9s" fill="freeze" from="50" to="300"/>
      <set attributeName="visibility" attributeType="CSS" to="visible" begin="3s" dur="6s" fill="freeze"/>
      <animateMotion path="M 0 0 L 50 225" begin="3s" dur="6s" fill="freeze"/>
      <animateColor attributeName="color" attributeType="CSS" from="#0000FF" to="#800000" begin="3s" dur="6s" fill="freeze"/>
    </par>
  </body>
</smil>