@keyframes slideMoveHorizontal {
    0%{
        transform: translateX(0%);
    }
    14.3%{
        transform: translateX(calc(-100%/7*(7 - 6)));
        /* -[100%/i * (i-3)] */
    }
    28.6%{
        transform: translateX(calc(-100%/7*(7 - 5)));
        /* -[100%/i * (i-2)] */
    }
    42.9%{
        transform: translateX(calc(-100%/7*(7 - 4)));
        /* -[100%/i * (i-1)] */
    }
    57.7%{
        transform: translateX(calc(-100%/7*(7 - 3)));
        /* -[100%/i * (i-3)] */
    }
    72%{
        transform: translateX(calc(-100%/7*(7 - 2)));
        /* -[100%/i * (i-2)] */
    }
    86.3%{
        transform: translateX(calc(-100%/7*(7 - 1)));
        /* -[100%/i * (i-1)] */
    }
    100%{
        transform: translateX(0%);
    }
}