Эффект при наведении курсора не сработает?

У меня есть перекрывающиеся элементы (точнее, изображения), и мне нужно, чтобы они все активировали соответствующие эффекты при наведении, даже если они не находятся сверху. Я чувствую, что это должно быть довольно просто. Я что-то пропустил?

Вот'сjsFiddle, Мне нужен красныйs эффект при наведении на огонь, если коснуться его, даже если это пространство покрыто зеленым и синим.

#div1, #div2, #div3 {
  position: absolute;
  width: 100px;
  height: 100px;
}
#div1 {
  background-color: red;
}
#div2 {
  background-color: green;
  left: 25px;
  top: 25px;
}
#div3 {
  background-color:blue;
  left: 50px;
  top: 50px;
}


Ответы на вопрос(2)

Ваш ответ на вопрос