Кейфреймс
Ну примерно так на наведение уезжают вверх с середины, без наведения приезжают снизу в середину. Разве что еще чуть чуть поковыряться чтоб она при появлении не проигрывалась

А что должен? Твой скрипт меняет текст в заголовке, а заголовка на странице нету

У тебя в скрипте обрабатывается только один попап, одна кнопка открытия и одна закрытия потому что querySelector возвращает только первый подходящий под селектор элемент, тебе нужно использовать querySelectorAll

const theImage = document.querySelector('.image')
    new ImageHover(theImage);

querySelector возвращает первый попавшийся подходящий элемент, тебе надо использовать querySelectorAll чтобы получить все три картинки, перебрать полученный список и для каждой создать ImageHover