title: Crossfading 2 images with 0.7 opacity
body: <p>I have two pictures on top of each other, where if you hover over the top, it will fade from <code>opacity:1</code> to <code>opacity:0</code> after 1s.</p>
  
  <p>I want them to have <code>opacity:0.7</code> as default, and then, when hovered over the other one should be shown.</p>
  
  <p>The problem I am having is that both images are shown with <code>opacity:0.7</code> right now, because, obviously, they are slightly transparent.</p>
  
  <p>Is there a way to do this?</p>