console
<section>
<svg viewBox='0 0 1080 1920'>
<g>
<g>
<foreignobject x='0' y='0' width="1080" height="1920">
<svg class="135svg" viewBox='0 0 1080 1920' style="background-image: url(https://bcn.135editor.com/files/202208/MbDdMv6F_6J2A.png) ;background-repeat:no-repeat;background-size:cover;"></svg>
</foreignobject>
</g>
<g>
<g>
<foreignobject x='0' y='0' width="1080" height="1920">
<svg opacity='0' class="135svg" viewBox='0 0 1080 1920' style="background-image: url(https://bcn.135editor.com/files/202208/vttfkFHX_2EXA.png) ;background-repeat:no-repeat;background-size:cover;">
<animate attributename='opacity' values='0;1' begin='0s' dur='2s' restart='never' fill='freeze'></animate>
</svg>
</foreignobject>
</g>
<g>
<foreignobject x='0' y='0' width="1080" height="1920">
<svg opacity='0' class="135svg" viewBox='0 0 1080 1920' style="background-image: url(https://bcn.135editor.com/files/202208/JDWNFQvW_tvGb.png) ;background-repeat:no-repeat;background-size:cover;">
<animate attributename='opacity' values='0;1' begin='1s' dur='2s' restart='never' fill='freeze'></animate>
</svg>
</foreignobject>
</g>
<g>
<foreignobject x='0' y='0' width="1080" height="1920">
<svg opacity='0' class="135svg" viewBox='0 0 1080 1920' style="background-image: url(https://bcn.135editor.com/files/202208/mUPUx3sg_w2cS.png) ;background-repeat:no-repeat;background-size:cover;">
<animate attributename='opacity' values='0;1' begin='2s' dur='2s' restart='never' fill='freeze'></animate>
</svg>
</foreignobject>
</g>
</g>
</g>
</svg>
</section>