Animación con CSS no me funciona

[ceaped]

Buenos días
Tengo el siguiente CSS para animar una imagen pero no funciona:

Código CSS:

#animacion_1 {
    width: 550px;
    height: 825px;
    display: block;
    margin: 0 auto;
    background-image: url(../images/imagen_1.png);
    background-repeat: no-repeat;
    
    /* Chrome, Safari, Opera */
    -webkit-animation: animacion_1 4s;
    /* Firefox */
    animation: animacion_1 4s;
    }
 

<div id="animacion_1"></div>

Código HTML:

¿Qué estoy haciendo mal?
 
Gracias por su ayuda
 

[ceaped]

Problema resuelto.
me faltaba agregar:

Código CSS:

@-webkit-keyframes animacion_1 {            
from {
    width: 550px;
    height: 0px;    
    opacity: 0;
    margin: 0 auto;
    }
    
to {    
    width: 550px;
    height: 825px;
    opacity: 1;
    margin: 0 auto;
    }   
}
 

Con ella agrego el movimiento.