Muovere verso l'alto un'immagine o elemento con evento resize

[Utonto Tonto]

Ciao a tutti,
come posso fare per muovere verso l'alto un'immagine/elemento sottraendo all'asse Y la differenza in px/% in altezza dell'immagine/elemento dopo ogni resize?
Ho provato così ma non va:

const img = document.querySelector('.cont img');
let oldoOffsetHeight = img.offsetHeight;

window.addEventListener('resize', () => {
      const offsetHeight = img.offsetHeight;
      const yAxis = img.getBoundingClientRect().top;
      const imgTop = window.getComputedStyle(img).getPropertyValue('top').split('px')[0];
      img.style.top = `calc(50% - ${100 * (offsetHeight - oldoffsetHeight) / 16})%`;
      oldOffsetHeight = offsetHeight;
});

In pratica vorrei che l'immagine rimanesse al centro del container anche se cresce in dimensioni, così com'è tende a scendere in basso. Potrei farlo con il CSS ma non mi è possibile.