ask me why my rowing picture rolls back every time, and is there something wrong with the setting of the last frame? Should
overwrite the first picture?
`
< html lang= "en" >

< head >

<meta charset="UTF-8">
<title>Document</title>
<style>
    * {
        padding: 0;
        margin: 0;
    }

    div {
        width: 520px;
        overflow: hidden;
        margin: 100px auto;
    }

    ul {
        width: 3300px;
        height: 280px;
        animation: move 20s linear 0s infinite normal;
    }

    ul li {
        list-style: none;
        width: 520px;
        height: 100%;
        float: left;
    }

    @keyframes move {
        0% {
            margin-left: 0;
        }

        9% {
            margin-left: -520px;
        }
        18% {
            margin-left: -520px;
        }

        27% {
            margin-left: -1040px;
        }
        36% {
            margin-left: -1040px;
        }
        45% {
            margin-left: -1560px;
        }
        54% {
            margin-left: -1560px;
        }
        63% {
            margin-left: -2080px;
        }
        72% {
            margin-left: -2080px;
        }
        81% {
            margin-left: -2600px;
        }
        90% {
            margin-left: -2600px;
        }
        100% {
            margin-left: 0;
        }


    }
</style>

< / head >

< body >

<div>
    <ul>
        <li>
            <img src="https://img.codeshelper.com/upload/img/2021/03/15/ube5c4031zp8774.jpg_q90_.webp">
        </li>
        <li>
            <img src="https://img.codeshelper.com/upload/img/2021/03/15/wznreezzikj8775.jpg">
        </li>
        <li>
            <img src="https://img.codeshelper.com/upload/img/2021/03/15/oaoh4abgzbz8776.jpg">
        </li>
        <li>
            <img src="https://img.codeshelper.com/upload/img/2021/03/15/ef12wsmhuu18777.jpg">
        </li>
        <li>
            <img src="https://img.codeshelper.com/upload/img/2021/03/15/0mny4w2s1048778.jpg_q90_.webp">
        </li>
        <li>
            <img src="https://img.codeshelper.com/upload/img/2021/03/15/ube5c4031zp8774.jpg_q90_.webp">
        </li>
    </ul>
</div>

< / body >

< / html > `