Кусочки пазла — это отдельные «карусели» изображений. Кликая, вы перелистываете слайды.

Когда собирается определенная комбинация этих слайдов (например, в первой ячейке — 2-ой слайд, а во второй и третьей — первый) и складывается нужная нам картинка, мы показываем пользователю определенное сообщение.

Вся эта магия происходит с использованием amp-bind (с данным компонентом, к сожалению, пока что могут возникать проблемы в Mail.ru). Конкретно в нашем случае мы обращается к атрибуту hidden, который отвечает за сокрытие каких-то элементов.

Грубо говоря, мы «приказываем» блоку с сообщением: не показывайся, пока не соберется вот такая комбинация слайдов.

Играть можно везде, где есть поддержка AMP, кроме Mail.ru на айфонах.