Как на изображение наложить кнопочки?
Добавляете изображение в блок, в блок кидаете кнопки  с div button {display: none;}, когда родитель ловит hover div:hover button {display: block;}. Используем для кнопок абсолютное позиционирование. Для блока родителя явно указываем position:relative;
Вот сделал пример для времени, остальное по аналогии сможешь сам
https://jsfiddle.net/xpjuLwh6/18/