Varias animaciones con .CSS

[pzin]

Tienes la regla del keyframes sin cerrar, así mirando por encima.

Aparte, no sé qué sentido tiene animar algo que no cambiará su estado. Esto:

Código CSS:

@keyframes dialogo_1 {
  from {
    background-image: url(../images/dialogo_1.png);
    background-repeat:no-repeat;
    margin-left : 540px;
    margin-top: 50px;
    opacity: 0;
    opacity: 0;
  }
    
  to {
    background-image: url(../images/dialogo_1.png);
    background-repeat:no-repeat;
    margin-left: 540px;
    margin-top: 50px;
    opacity: 1;
  }
} /* este cierre es el que te falta */
 

Hace lo mismo que esto:

Código CSS:

@keyframes dialogo_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}