title: Hover doesn't work in bootstrap modal image
body: <p>Hope someone can help me with this.Here is my Html code:</p>
  <p><a href="https://i.stack.imgur.com/aH2Bi.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aH2Bi.jpg" alt="enter image description here" /></a></p>
  <p><strong>and here is my css code:</strong></p>
  <p><a href="https://i.stack.imgur.com/XXXJW.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XXXJW.jpg" alt="enter image description here" /></a>
  And Here is my code from codepen:
  <code>enter code here</code><a href="https://codepen.io/citakilkay/pen/yLayMeK" rel="nofollow noreferrer">And Here is my code from codepen</a>
  I tried with every parent elements with hover. it doesn't work until coming '#idhireme' line.
  When I hover the image nothing changes. Is there anyone know why doesn't it work?</p>