Transição mover div suavemente pra cima

Boa tarde,

Tenho o seguinte code

https://codepen.io/anon/pen/GmQgJY

Oque a principio faz é colocar uma imagem no rodape, e ao diminuir e movimentar a janela, sempre fica na mesma posição, até ai beleza, mas eu queria saber como é feito o efeito de por exemplo ao diminuir e aumentar a janela do browser a imagem fosse para o lugar suavemente, acredito que isso seja feito utilizando -webkit-transform porém não estou conseguindo aplicar de modo que a transição fique bem suave.