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

пробовал z-index:-100; не помогло

 

 

 .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 , пробовал так , прозрачность будет работать только на картинке, мне нужно что бы работал ховер полностью в блоке

тогда .column:hover img {

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

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