.contenedor{display: flex; justify-content: space-around; flex-wrap: wrap;}

.animado{opacity: 0; transition: all 1s;}
.mostrarLado{animation: mostrarLado 1s;}
@keyframes mostrarLado{
    0%{
        transform:  translateX(-250px);
    }
    100%{
        transform:  translateX(0);
    }
}

.animadodos{opacity: 0; transition: all 1s; margin: 0 auto;}
.mostrarArriba{animation: mostrarArriba 1s;}
@keyframes mostrarArriba{
    0%{
        transform:  translateY(150px);
    }
    100%{
        transform:  translateY(0);
    }
}

.animadotres{opacity: 0; transition: all 1s;}
.mostrarLadodos{animation: mostrarLadodos 1s;}
@keyframes mostrarLadodos{
    0%{
        transform:  translateX(250px);
    }
    100%{
        transform:  translateX(0);
    }
}


.animadocuatro{opacity: 0; transition: all 1s; margin: 0 auto;}
.mostrarAbajo{animation: mostrarAbajo 1s;}
@keyframes mostrarAbajo{
    0%{
        transform:  translateY(150px);
    }
    100%{
        transform:  translateY(0);
    }
}