title: Replace one image with another using hover
body: <p>I have this code</p>
  
  <pre><code>&lt;div class="mix category-1"&gt;
  
  &lt;a href="img/holder-01-large.png" class="photo"&gt;
  
  &lt;img src="img/holder-01-small.png alt="Ram - Srbija" class="img-small-1"&gt;&lt;/a&gt;
  
  &lt;a href="img/slider-photo-1.jpg" target="_blank" class="techdraw"&gt;Primer montaze&lt;/a&gt;
  
  &lt;a class="popup-youtube" href="https://www.youtube.com/watch?v=dz1kDQEHJaU"&gt;Video primer&lt;/a&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to replace this holder-01-small.png when hover over it with image with same dimensions. Is that possible by not touching this HTML code, just using CSS? </p>