    <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-targAtt-BE-04.jpg" z-index="-1" fit="hidden"/>
          <img region="r" id="theTarget1" top="100" left="100" src="../images/red.jpg" height="100" width="100"/>
          <animate targetElement="theTarget1" attributeName="height" attributeType="HTML" from="100" to="50" begin="3s" dur="3s" fill="freeze"/>
          <img region="r" id="theTarget2" top="100" left="325" src="../images/red.jpg" height="100" width="100"/>
          <animate targetElement="theTarget2" attributeName="height" attributeType="HTML" from="100" to="50" begin="6s" dur="3s" fill="freeze"/>
          <animate attributeName="border-width" from="6" to="16" begin="9s" dur="3s" fill="freeze"/>
          <animate attributeName="border-width" attributeType="CSS" from="6" to="16" begin="12s" dur="3s" fill="freeze"/>
        </par>
      </body>
    </smil>