Каким образом построить такое "меню/блок"? - Вопросы по CSS

Добрый времени суток специалисты и начинающие!
Есть:
1. Шаблон  для J 3.0
2. Изображение высокого качества в формате .png
Нужно:
Добиться похоже результата как на https://ru.4game.com/lineage2/install/ (В центральной позиции сайта http://awesomescreenshot.com/09e1rmwla6) При наведении курсора мыши на нужную модель персонажа, она проявлялась на передний план, а остальные герои смазывались(приглушалась). Желательно, что бы картинка (модель персонажа) являлась ссылкой. (для нее будет сделана отдельная страница с описанием)
очень хочу попробовать так же реализовать, но не знаю как и с чего начать, знаком лишь с базовыми понятиями HTML и css(вообще азы). Предполагаю, что эта красота https://ru.4game.com/lineage2/install/ написана на великих и могучих языках php и java или может это какой то (собственной разработки) плагин/компонент/расширение, прошу помощи...буду благодарен любому совету/уроку/гайду/и.т.д !

Каким образом - решать Вам. Можно использовать CSS, можно ява-скипты, можно и то, и другое
Уроков в сети множество, найти через любой поисковик можно.

Так вы гляньте исходный код указанных вами сайтов.