Несколько Javascript / CSS анимаций

Вот мой код (Plunker)

У меня возникли проблемы с фиксацией позиции после увеличения изображения "Pack", я хотел бы, чтобы он постепенно уменьшался и уменьшался поменьше с интервалом в 1 секунду.

window.setTimeout(function () {
    var pack_image = document.getElementById('pack');
    if(pack_image && pack_image.style) {
        pack_image.style.top = '50%';
        pack_image.style.left = '50%';
        pack_image.style.height = '350px';
        pack_image.style.width = '250px';
    }
},7000);

Я попытался сохранить позицию с top = %50 и left = %50 но он не работает. Я понятия не имею, как добавить эффект затухания и выключения для него, хотя, пожалуйста, помогите. Я новичок в JavaScript. :)