Как при наведении на картинку наложить на нее прозрачный слой?

Question

[janeo_012]

Есть блок с карточками:


Как видно на первой карточке, при наведении на нее, должен появится серый прозрачный слой.
Как это можно реализовать?

Answer 1

[iBird Rose]

Comments

[janeo_012]

Большое спасибо!

Answer 2

[Legal Adviser]

Нужно было просто сделать:

.staff_card img:hover{
    filter: brightness(0.6);
}

Или как вариант у iBird Rose iBird Rose Куратор тега CSS

Comments

[janeo_012]

Спасибо за информацию о такой возможности в CSS!