.container{
    width: 100%;
    height: 650px;
    background-color: #888181d0;
}
.box{
    animation-name: cycle;
    width: 100px;
    height: 100px;
    animation-duration: 6000ms;
    animation-iteration-count: infinite;
}
@keyframes cycle{
    0%{
        background-color: red;
        transform: translate(0px,0px)
    }
    25%{
        background-color: blue;
        transform: translate(0px,300px)
    }
    50%{
        background-color: green;
        transform: translate(300px,300px)
    }
    75%{
        background-color: yellow;
        transform: translate(300px,0px);
    }
    100%{
        background-color: red;
        transform: translate(0px,0px)
    }
}