    <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>