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.

[alka]

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 [...]

Ma l'immagine ha attributi CSS che ne permettano il posizionamento assoluto?
Ad esempio (appunto) position: absolute.

[Utonto Tonto]

Si ha

position: absolute

[alka]

Si ha

position: absolute

Prova a verificare qual è il valore finale che imposti come top, controllando che sia corretto.
Prova a impostarlo in modo fisso per essere sicuro di poter compiere lo spostamento.

In breve, fai debug nel codice per controllare quali sono i valori che si utilizzano nelle proprietà e testale direttamente dai Developer Tools (tasto F12) per assicurarti che funzionino.

Quantomeno si restringerà il campo di possibili problematiche, perché non ho la possibilità di testare il tuo codice.