Как создать css анимацию(3d карточка)?

Добрый день. Дайте совет в реализации следующей задачи.
Есть два изображения. нужно сделать так что бы когда одно изображение переворачивается показывалось другое. при hover я смог это реализовать, однако необходимо сделать так что бы анимация проигрывалась без hover
код при наведении рабочий https://jsfiddle.net/w0hjsnxf/1/

код без наведения https://jsfiddle.net/x79e1tLa/2/
Как сделать что бы был такой же эффект как при наведении, сейчас как бы видно заднюю часть изображения.