Propiedad animation no se muestra ni en firefox ni safari ni con prefijo

Me gustaría saber que problema tiene esta animación para que me salga en todos los navegadores...

.formacionImg1{
display: inline-block;
width: 196px;
height: 194px;
background-image: url(img/formacionItem1.png);
background-position: center;
background-repeat: no-repeat;
animation: galeryformacion 20s ease infinite alternate;
-webkit-animation: galeryformacion 20s ease infinite alternate;
}
//animacion formacionImg1
@keyframes galeryformacion{
0%{
background-image: url(img/formacionItem1.png);
}
25%{
background-image: url(img/formacionItem2.png);
}
50%{
background-image: url(img/formacionItem3.png);
}
75%{
background-image: url(img/formacionItem4.png);
}
100%{
background-image: url(img/formacionItem5.png);
}
}
@-moz-@keyframes galeryformacion{
0%{
background-image: url(img/formacionItem1.png);
}
25%{
background-image: url(img/formacionItem2.png);
}
50%{
background-image: url(img/formacionItem3.png);
}
75%{
background-image: url(img/formacionItem4.png);
}
100%{
background-image: url(img/formacionItem5.png);
}
}

[/code]