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

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

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

А че там делать то
https://codepen.io/herr-imko/pen/mdgKwpK
размеры столбцов и рядов подкорректируй как надо