Do i add animations to show the other images on the slideshow?

Hi! i just wanted an automatic slider for mobile i set min width to 350.
The other slide images were below and i thought overflow:hidden; would make them appear from the right when the animations comes but its still stack/below the first image. Whats the deal?

CODEPEN

How can I make the other slide images appear and not make them stacked? and how do I make it to where the image just switches, no sliding OR where the edge isn’t noticeable?? i tried removing margin:auto; and that seemed to get rid of that obvious edge but…i cant center it.

Please help <3