Fazer sobreposição com destaque

Estou fazendo um site para uma equipe de futsal local, e pretendo fazer na página do elenco com que os jogadores sejam apresentados como "cards" (semelhante aos cards de jogadores do FIFA Ultimate Team)

Inicialmente achei o efeito que queria no "shareaholic" (site de códigos de compartilhamento), porém não achei o código fonte que eles usam para fazer isso (no caso, o efeito é chamado "Diglett"). Porém depois de horas de pesquisa não achei nada parecido com o "Diglett", e parti para um código próximo. A idéia é a seguinte:

/applications/core/interface/imageproxy/imageproxy.php?img=https://lh6.googleusercontent.com/-8HPpapWLsL0/U9FgywMeh3I/AAAAAAAAB_8/Sm8lyPvQ3qk/w500-h478-no/mODELO.jpg&key=e82cff6e6d8705ee7f4a4d62ea8ce5608e5bbb685c2664f963f786a5246385b4" alt="mODELO.jpg" />

Obs.: A carta subiria (no mouseover) e ficaria em destaque e desceria (no mouseout). Nos dois casos ela teria um delay suave
Obs 2.: No estado "normal" todas terão opacidade de 0.5, e fundo cinza para esconder o que seria a frente da carta

O código mais próximo que achei foi esse aqui. Infelizmente não manjo tanto de JS, mas no caso do CSS já sei o que fazer pra ficar como quero

Parece um efeito simples, mas me complicou...