Animacja zdjęć html i css

Jak mógłbym wykonać taką animacje w samym tylko html i css jak na tej stronie http://theme.srbthemes.com/kerri/light/index_1.html w sekcji our client
Robię takie coś ale ciężko jest mi osiągnąć taki efekt
To jest html

            <div class="info-client">
                <div class="box-image">
                    <div class="box-container-image">
                        <div class="slide-image">
                            <img src="img/one-man.jpg" alt="man">
                        </div>
                        <div class="slide-image">
                            <img src="img/two-man.jpg" alt="man">
                        </div>
                            <div class="slide-image">
                            <img src="img/three-man.jpg" alt="man">
                        </div>
                    </div>
                </div>
            </div>

a to CSS

.info-client {
    margin: 100px 0 0 0;
    -webkit-animation: slide 18s ease infinite;
}

.info-client .box-image {
    text-align: center;
}

.box-container-image {
    display: inline-block;
}

.box-container-image .slide-image {
    float: left;
}

@-webkit-keyframes slide {
    10% {
        margin-right: 0px;
    }
    35% {
        margin-right: 200px;
    }

    0% {
        margin-right: 500px;
    }
}

.info-client .box-image img {
    padding: 5px;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 50%;
}

wiem że potrzebne jest do tego jeszcze js ale na razie próbuje wykorzystać implementacje samego css'a