Bymas | hover по верх картинки

нужно что бы при наведении на картинку фон становился полупрозрачным. работает, только вот становиться полупрозрачным блок а фотка не хочет становиться полупрозрачным. пробовал z-index:-100; не помогло

css

   .column { text-align:center;   box-shadow: 0 4px 18px 0 rgba(0,0,0,0.2);  display:inline-block; padding:5px; width:200px; white-space: normal; margin:10px; }  .column:hover  { white-space: normal;   background: rgb(0, 0, 0);   background: rgba(0, 0, 0, 0.5);    color: #f1f1f1;   transition: .5s ease;   opacity:1.5;   color: white;   font-size: 12px;  }

Может .column img:hover

Galtsev.T , пробовал так , прозрачность будет работать только на картинке, мне нужно что бы работал ховер полностью в блоке

pyrokinesis (14 сен 2022, в 18:20)

Galtsev.T , пробовал так , прозрачность будет работать только на картинке, мне нужно что бы работал ховер полностью в блоке

тогда .column:hover img {

https://codepen.io/galtsevt/pen/JjvbBER

Galtsev.T , ека и так не помогло ((