Strano problema di CSS / immagine [chiuso] - jquery, css, hover, opacity

mentre progettavo la pagina di riferimento per il mio nuovo servizio, mi sono imbattuto in un bizzarro problema e non sono in grado di capire la causa di ciò.

Passa il mouse su una delle caselle, quindi l'icona perquella scatola, dovresti notare che l'immagine sembra oscurarsi per qualche strana ragione sconosciuta e mi stavo chiedendo se tu le persone adorabili potessero aiutarmi a capire che cosa lo sta causando.

Sito web: http://beta.idify.me/about/

risposte:

Hai alcune linee nel tuo file main.js:

function() {
$("#content a img").hover(function() {
$(this).stop().animate({ "opacity": 0.7 }, 200);
},function() {
$(this).stop().animate({ "opacity": 1 }, 400);
});

Questo sta cambiando l'opacità delle immagini, facendole sembrare più scure visto che sono su uno sfondo nero.