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

Есть несколько одинаковых блоков. Как сделать, чтобы при нажатии на кнопку весь конкретный блок, включая саму кнопку, текст и картинку, становился серым?

<div class="block">
    <img src="pic1" alt="">
    <button class="button">Button</button>
</div>
<div class="block">
    <img src="pic2 alt="">
    <button class="button">Button</button>
</div>
<div class="block">
    <img src="pic3" alt="">
    <button class="button">Button</button>
</div>

Есть идея сделать по размеру блока другой блок с прозрачностью 50% и черным и по нажатию, чтобы он был поверх выбранного блока. Но не знаю как сделать