Telegram:
Фигма — Макеты для верстки -- https://t.me/FigmaMaket
Макеты FIGMA -- https://t.me/figma_templates
Glo Academy -- https://t.me/glo_academy ( здесь в поиске введи "макеты" )

Ютуб:
От 0 до 1 -- https://www.youtube.com/c/От0до1/videos ( куча марафонов с бесплатными исходниками )
WebDesign Master -- https://www.youtube.com/channel/UC7enHM_oJRYJOnyJr... ( Плейлисты "джедай верстки", но исходники платные. Но сейчас у него проходит интенсив "Создание коммерческого сайта от А до Я.", где он полностью разбирает создание сайт. От прототипирование до посадки на cms + исходники бесплатные )
BrainsCloud -- https://www.youtube.com/c/BrainsCloud/videos ( верстка блога )

})).on('error', function handleError() {
			this.emit('end')
		})
		}))

Убрал эту часть кода и все заработало !

Мне кажется я понял почему код не срабатывает.
1. У тебя обработчик находится внутри цикла, который срабатывает в начале загрузки сайта. Как думаешь почему он не работает ?

При нажатии на блок должен запускаться цикл !!!

Если определить position: absolute для box-4, этот элемент покинет нормальный поток документа. Но он остается на своем месте, так как координаты смещения не заданы

https://proglib.io/p/css-position-absolute/

Если вы сделаете третий див, то он уйдет под второй, у которого position:absolute. Так как он вышел из основного потока