MamaLuyba

навыки скрипта требуются потому, что вряд ли где-то сейчас будут держать отдельно верстальщика, и отдельно чувака, который будет в этой верстке копаться и скрипты к ней писать.
а так я бы выделил: работа с массивами, слушатели событий, расчеты исходя из ширины/высоты экрана, получение свойств элементов через getComputedStyle и т.п., работа с элементами в DOM, само собой, работа с медиа-запросами (опять параметры экрана), знать основные события мыши/клавы...
ну и вообще - лучше сначала подтянуть чистый js, чем пользовать неизвестные тебе (хоть и популярные) библиотеки, поведение которых ты не сможешь проконтролировать в каких-то ситуациях (а таких ситуаций при реальной работе хватает).

Но вот как их теперь отобразить

хм... не навешивать transform: none?
а вообще - opacity: 1 поставь на глаз

опускание и всплытие - это через transition или анимацию запиливается.
типа так:

#block {
 position: absolute;
 animation: pop 2s linear;
}

 @keyframes pop {
  0% {
   bottom: -100px;
}

  10% {
   bottom: 0px;
}

 100% {
   bottom: -100px;
}
}

не сложная. просто через animation-delay отрисовывается с паузой.
времени - ну тут от опыта зависит. часа хватит с запасом.

ну, проблема в justify-content: space-around, очевидно.
убери это свойство у родителя и все будет окей.

хз. выставил ширину "цифр" в процентах - и все сжимается.