Максим

это же на js делается ...почему именно на php это надо скрыть ?

Хм...интересный вопрос
Я бы вырезал эту лампу и выстроил в SVG и так же эти крестики с описанием сделал на SVG а остальное на обычных списках

Вот кстати в ручном режиме сделал : https://codepen.io/topicstarter/pen/rbrpKL

Вы это реально на других устройствах видели ?
Или просто зумили окно браузера ?

keycode.info вот здесь Вы увидите к какой клавише на клавиатуре какой присвоен KeyCode
Информацию о том как использовать эту плюшку можно почитать здесь : https://learn.javascript.ru/keyboard-events
Примерная реализация такая :

if(event.keyCode == 39)
      {
          // блок инструкций 
      }

Визуальное скрытие SVG в разметке делается для того что бы сам SVG документ на странице не занимал место и не было пустого пространства ...
USE - это дубликат какого то объекта и этот тег помогает с экономить место на странице за счёт дублирования нужного SVG хотя в инспекторе кода будет отображаться как будто вставлен реальный код

Насколько это корректно ? Да вполне ...

Ну вообще любая но определённо такой cms не существует но заказать если сами не умеете можно
Самая запутанная это joomla
Но самая (мой мнение которое не оспоришь) это MaxSiteCms но опять же за бабло

https://github.com/yWorks/svg2pdf.js не знаю вариант это или нет

А если не парится с юникодами а вставить обычный svg ?

Правильно и верно это так как в макете ....
Покажите макет

Наискорейшего ? Тогда строительную площадку выбирайте

Это в смысле галерея ?

На SVG - это делается ...