你好 想请问css轮播问题

    #photos{position:absolute;width:calc(600px*6);z-index:9px;}
    #imgRun{width:40%;height:65%;top:18%;left:70%;}   /*大小*/
    .play{animation:move 8s ease infinite; animation-fill-mode:backward;}
    
	@keyframes move{
        0%  {transform:translate(0px);}
        20% {transform:translate(0px);}
        40% {transform:translate(-600px);}
        60% {transform:translate(-1200px);}                                            
        80% {transform:translate(-1800px);}
		100% {transform:translate(-2400px);}
    }
    
    

想请问有人知道我这段轮拨出错在哪里吗，我要拨放6张图片，可是他6张图片都会挤在一起

像这样
请问有人有办法让他一张一张播吗?