Это именуется эффектом "Параллакс" - он основан на двух вещах:
1) Лееринге (работа со слоями z-index)
2) Привязка движения объектов по событию перемещения cursor (на js)
1) Для динамичного поведения font-size текста, используйте относительные величины em, rem, vw, vh - а не статичные (фиксированные) px
2) Можете использовать jQuery-плагинчик FitText - это тоже даст результат
Рекоммендую новую технологию GRID, поддержка браузеров уже на высокос уровне, вот кстати довольно хороший урок по основам Grid CSS https://youtu.be/agmgl-ElC8A
Если не стоит задача верстать и программить виджет самостоятельно, то зайдите на метеосайт к примеру gismeteo там есть возможность интеграции готового модуля со всеми инструкциями
Наличие комментарий и их порядок строго определяет тот кто "рожает" этот код. Но суть и задача любых комментарий - это фиксация наиболее сложных моментов кода, для их простой идентиффикации и понимании другими людьми, которые возможно будут с вашим документом работать дальше, а так же вами, потому как код, написанный собственноручно пару месяцев назад, выглядит потом как чужеродный...