.box_1 {
    -ms-flex-item-align: end;
    align-self: flex-end;
    opacity: 0;
    -webkit-transform: translateX(+200px);
    -ms-transform: translateX(+200px);
    transform: translateX(+200px);
    overflow: hidden;
    -webkit-transition: opacity 0.5s,-webkit-transform 1.5s;
    transition: opacity 0.5s,-webkit-transform 1.5s;
    -o-transition: opacity 0.5s,transform 1.5s;
    transition: opacity 0.5s,transform 1.5s;
    transition: opacity 0.5s,transform 1.5s,-webkit-transform 1.5s;
    margin-bottom: 20px;
}
.box_1.animated {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.box_2 {
    -ms-flex-item-align: end;
    align-self: flex-end;
    opacity: 0;
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
    overflow: hidden;
    -webkit-transition: opacity 0.5s,-webkit-transform 1.5s;
    transition: opacity 0.5s,-webkit-transform 1.5s;
    -o-transition: opacity 0.5s,transform 1.5s;
    transition: opacity 0.5s,transform 1.5s;
    transition: opacity 0.5s,transform 1.5s,-webkit-transform 1.5s;
    margin-bottom: 20px;
}
.box_2.animated {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}