console
<section>
<svg viewbox="0 0 1080 1920" style="background-image:url(https://bcn.135editor.com/files/202208/3PVKg4mr_BUu2.png);background-position:center center;background-size:100%;background-repeat:no-repeat;">
<g>
<g>
<g>
<foreignobject x='0' y='0' width='1080' height='1920'>
<svg viewbox="0 0 1080 1920" style="vertical-align:top; background-size:cover; background-repeat:no-repeat; background-image:url(https://bcn.135editor.com/files/202208/NAmhnuYx_SKuh.png); -webkit-tap-highlight-color:transparent; user-select:none;"></svg>
</foreignobject>
</g>
<animate attributename="opacity" values="0;1;0;1;0" begin="1s" dur="8s" fill="freeze" restart="never"></animate>
</g>
<g>
<g transform="translateX(1080)">
<foreignobject x='0' y='0' width='1080' height='1920'>
<svg viewbox="0 0 1080 1920" style="vertical-align:top; background-size:cover; background-repeat:no-repeat; background-image:url(https://bcn.135editor.com/files/202208/27c5btQr_Y72n.png); -webkit-tap-highlight-color:transparent; user-select:none;"></svg>
</foreignobject>
</g>
<animatetransform attributename="transform" type="translateX" values="1080;0;500;0;500;0" begin="0s" dur="10s" fill="freeze" restart=always"></animatetransform>
</g>
<g>
<g transform="translateX(-1080)">
<foreignobject x='0' y='0' width='1080' height='1920'>
<svg viewbox="0 0 1080 1920" style="vertical-align:top; background-size:cover; background-repeat:no-repeat; background-image:url(https://bcn.135editor.com/files/202208/KHqQ5M2w_RbuU.png); -webkit-tap-highlight-color:transparent; user-select:none;"></svg>
</foreignobject>
</g>
<animatetransform attributename="transform" type="translateX" values="-1080;0;100;0;200;0" begin="0s" dur="10s" fill="freeze" restart=always"></animatetransform>
</g>
<g>
<g>
<foreignobject x='0' y='0' width='1080' height='1920'>
<svg viewbox="0 0 1080 1920" style="vertical-align:top; background-size:cover; background-repeat:no-repeat; background-image:url(https://bcn.135editor.com/files/202208/NAmhnuYx_SKuh.png); -webkit-tap-highlight-color:transparent; user-select:none;"></svg>
</foreignobject>
</g>
<animate attributename="opacity" values="0;1;0;1;0" begin="1s" dur="8s" fill="freeze" restart="never"></animate>
</g>
<g>
<g transform="scale(0)">
<foreignobject x='0' y='0' width='1080' height='1920'>
<svg viewbox="0 0 1080 1920" style="vertical-align:top; background-size:cover; background-repeat:no-repeat; background-image:url(https://bcn.135editor.com/files/202208/Np7q3HUK_ngC2.png); -webkit-tap-highlight-color:transparent; user-select:none;"></svg>
</foreignobject>
</g>
<animatetransform attributename="transform" type="scale" values="0;0.5;1" begin="0s" dur="3s" fill="freeze" restart=always"></animatetransform>
</g>
</g>
</svg>
</section>