12ytlesss

У вас исходное состояние описано в самом начале. Если вы хотите чтобы "исходное состояние" было с невидимой картинкой, то скажите об этом явно :)

.logo{
    margin-left: 570px;
    margin-top: 150px;
    overflow:hidden;
    overflow-y:hidden; 
    overflow-x:hidden;
    animation-name: Appearance;
    animation-duration: 5s;
    animation-timing-function: cubic-bezier(.1,-.6,.2,0);

    opacity: 0; // вот тут говорим, что "исходное состояние" картинки – прозрачная
}