John Didact,
Во второй строке инициализация переменной вне цикла.
Не помню проблем с приоритетами в таких конструкциях
Ниче не лишнее, зачем нам весь массив, если нужны данные именно с этой ветки?
Шохрух Шаймардонов, в макете картинку перекрывает блок с opasity 0.9, имеет иконку со стрелкой, заголовок и текст, как это все запихать в :before или :after я не разобрался... как я понял в content можно поместить что-то одно....
c js я знаю что это возможно... но задача стоит сверстать на css, спасибо за код, отмечу решением, но пришлось создавать каждому img свой hidden) css не умеет пока что получать координаты вызвавшего блока и не может блок сделать дочерним...
Т.е. я придумал только один вариант, невидимому блоку дать абсолют, всем img дать второй класс, и при ховере позиционировать невидимый блок абсолютом над другими, но если размеры блока какого-то изменятся - все навернется...
Шохрух Шаймардонов, я выше кидал код структуры) если каждому блоку img сделать блок, который должен перекрывать, то это легко (я так и сделал) а вот иметь один блок и позиционировать его над другими блоками - универсально не придумал как... тут 2 вариата, либо разметка будет разрастаться, либо стили....