Nice animation. Not sure if I understand exactly what you are after, but in my mind this animation works better if you would use the outer wrapper as the element “to hover over”, for it stays at it’s place. Also, if you would like the “door” to remain on the left side while hovering the element, best go with css-animations. The
animation-fill-mode: forwards property-value pair is what you want in that case, you can read more about the css-animation-fill-mode-property here.