Почему не работает onclick или querySelector?

for (let variable of querySelectorAll('.figure')) {
  variable.onclick = function(){
  querySelector('.figure .figure__hover-content').style.opacity = '1';
  };
}

.figure:hover .figure__hover-content {
    opacity: 1;
  }