Why does my img hover not work?

Question

I am trying to get to be set to an opacity: .04;, and when hovered over to be opacity:1; however, my img hover is not functioning. I am unsure of why t

Answer 1

I moved the :hover selector to .intro-img instead

.container2 {
  margin: 0px;
  padding: 0px;
}
.intro {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding-top: 0;
}
#pic1 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.intro-img {
  display: block;
  margin: 0 auto;
  min-width: 100%;
  opacity: 0.4;
}
.intro-img:hover {
  opacity: 1;
}
.wrapper {
  height: 200px;
  min-height: 200px;
  position: relative;
  padding-bottom: 0;
}
.blue {
  background: #22428e;
  color: #fff;
}
.g

  

    

      
    
    
    

      

        

          
            
 Gender
      Spectrum.com 
 
          
          
I'm gone so i'me gone so long hah haha aha im bout it fuck it aiash hth as jasd ashd as ahsdjas r ajsgda uaju ashd ujawh uu ajshdhuiae