Отвечаю сам:
Если нужно 2 байта, то используется 2 байта. Кодировка сообщает старшими битами, сколькими битами кодируется текущий символ. Такой способ экономит место, но так же и тратит его в случае, если эти сигнальные биты часто используются.
получается, что сначала картинка спрятана от глаз, при нажатии на span картинка выносится на передний план. готово! потом можешь через несколько сек её убрать через js:
let img = document.getElementById('/* id картинки*/');
img.style.zIndex = -1;
Нормальный размер. Главное чтобы читалось и были акценты на важных элементах. И то и то есть. Вообще зачем этот вопрос? Этот сайт не будет использоваться и смысла в нём поправлять каждый элемент нет. Сайт смотрится целостно именно так.