Как сделать эффект затемнения в css?
создать прозрачный темный блок position: absolute и при наведении делать его полупрозрачным
Простой вариант: если у вас затемняемое изображение это отдельный элемент (например #img, то расположите под ним черный фон, а на картинку навесьте #img:hover {
opacity: 0.5
}

Больше вариантов можно легко нагуглить, например ТЫК