<svg width="200" height="250" fill="none" viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMax meet" style="border:0px solid">
<image xlink:href="https://i.sstatic.net/bgB3A.jpg" width="100%" height="100%" />
<!-- X Marks -->
<image xlink:href="https://i.sstatic.net/0VsVy.png" transform="translate(5 -170)" width="90%" height="90%" >
<animateTransform id="an_Marks" attributeName="transform" type="translate" values= "125,-190;62,-190; 5,-45;5,-27;6,-30;6,-30;6,-30;6,-30;6,-30;125,-190"
begin="0.5s;an_Everything.end+0.5s" dur="2s"
fill="freeze" />
</image>
<!-- Maverick -->
<image xlink:href="https://i.sstatic.net/kI9JH.png" transform="translate(-62 -190)" width="90%" height="90%" >
<animateTransform id="an_Maverick" attributeName="transform" type="translate" values= "-125,-190;-62,-190;-62,-190; 5,-30;5,-30;5,-30;5,-30;5,-30;5,-30;5,-30;-62,-190"
begin="an_Marks.end+0.5s" dur="2s" fill="freeze" />
</image>
<!-- Collection Complete -->
<image xlink:href="https://i.sstatic.net/v6pcN.png" transform="translate(5 -190)" width="90%" height="90%" >
<animateTransform id="an_Collection"
attributeName="transform" attributeName="transform" type="translate" values= "125,-190;62,-190; 5,-45;5,-30;5,-30;5,-30;5,-30;5,-30;5,-30;125,-190"
begin="an_Maverick.end+0.5s" dur="2s" fill="freeze" />
</image>
<!-- I Voted -->
<image xlink:href="https://i.sstatic.net/AlqpY.png " transform="translate(-125 45)" width="90%" height="90%" >
<animateTransform id="an_IVoted" attributeName="transform" type="translate"
values= "-125,45;-125,45;-62,50;4,-35;4,-35;4,-35;4,-35;4,-35;4,-35;4,-35;-125,50"
begin="an_Collection.end+0.5s" dur="2s" fill="freeze" />
</image>
<!-- Lifesaver -->
<image xlink:href="https://i.sstatic.net/Ova8m.png" transform=" scale(0) translate(100 180)" width="90%" height="90%" >
<animateTransform id="an_Lifescale" attributeName="transform" type="scale" values="0;0.1;0.5;1;1;1;1;1;1;0"
begin="an_IVoted.end+0.5s" dur="2s" fill="freeze" repeatCount="1" />
<animateTransform id="an_Lifesaver" attributeName="transform" type="translate"
values= "115,190;62,50;4,-45;4,-45;4,-45;4,-45;4,-45;4,-45;115,190"
begin="an_IVoted.end+0.5s" dur="2s" fill="freeze" additive="sum" repeatCount="1" />
</image>
<!-- Everything -->
<image xlink:href="https://i.sstatic.net/cShn1.png" transform=" scale(0,0) translate(-50,50)" width="90%" height="90%" >
<animateTransform id="an_Everything_scale" attributeName="transform" type="scale" values="0,0;0.5,0.5;1,1;1,1;1,-1;1,1;1,1;1,1;1,1;0,0"
begin="an_Lifesaver.end+0.5s" dur="4s" fill="freeze" repeatCount="1" />
<animateTransform id="an_Everything" attributeName="transform" type="translate"
values="6,20;6,20;6,20;6,29;6,29;6,29;6,29;6,9;6,29;6,29;-50,50"
begin="an_Lifesaver.end+0.5s" dur="4s" fill="freeze" additive="sum" />
</image>
</svg>