While using custom hover image effect, when another html element is added to body, the picture's orientation changes on hover

Question

This is the code i am working on:

https://codepen.io/furkanyildiz/pen/bGwebmR

What i want to achive is:

Regardless of the page size, I