你好 想请问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张图片都会挤在一起

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