console
<svg viewBox="0 0 1080 1920" style="background-image:url(https://bcn.135editor.com/files/202209/XJckTnCs_pucq.png);background-size:100%;background-repeat:no-repeat;background-position:center center;">
<g>
<g>
<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/202209/OQccyC6O_tJfc.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
</foreignobject>
</g>
<animate class="svg-hide" attributename="opacity" values="1;0" begin="0s" dur="1ms" fill="freeze" restart="never"></animate>
<animate class="svg-hide" attributename="opacity" values="0;1" begin="5s" dur="2s" fill="freeze" restart="never"></animate>
</g>
<g transform="translate(-10 100)">
<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/202209/qbgCyvTG_RPem.png); display: block; background-size: 100%; background-repeat: no-repeat;">
<animate class="svg-hide" attributename="opacity" values="0;1" begin="0s" dur="10s" fill="freeze" restart="never"></animate>
</svg>
</foreignobject>
<animatetransform attributename="transform" type="translate" values="-10 100;0 0" begin="2s" dur="3s" fill="freeze" restart="never"></animatetransform>
</g>
<g>
<g transform="translateX(-1080)">
<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/202209/KhNPypOS_nIk7.png); display: block; background-size: 100%; background-repeat: no-repeat;">
<animate class="svg-hide" attributename="opacity" values="0;1" begin="0s" dur="2s" fill="freeze" restart="never"></animate>
</svg>
</foreignobject>
</g>
<animatetransform attributename="transform" type="translateX" values="-1080;0" begin="0s" dur="2s" fill="freeze" restart="never"></animatetransform>
<g>
<g transform="translateX(-2190)">
<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/202209/ShdxOgIP_rkD7.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
</foreignobject>
</g>
<animatetransform attributename="transform" type="translateX" values="-2190;0" begin="0s" dur="5s" fill="freeze" restart="never"></animatetransform>
</g>
</g>
<g>
<g transform="translate(0 0)">
<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/202209/CZaeEgxu_Oycc.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
</foreignobject>
</g>
</g>
</g>
</svg>