title: Changing a image on the source code of an existing website
body: <p>I'm working on my HTML skills and I'm trying to change an image from the source code of an existing website and replace it with an image from my computer. </p>
  
  <p>I linked the .html and the .css documents and when I open the .html file on my browser I see all the images of the original website but when I put my .jpg images instead I have blank spaces instead.
  For instance:</p>
  
  <pre><code>&lt;img src="/images/fullscreen/name_of_the_original_file.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina&gt;
  </code></pre>
  
  <p>-> I see the original image</p>
  
  <pre><code>&lt;img src="/my_directory/name_of_my_image.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina&gt;
  </code></pre>
  
  <p>-> I see a blank space</p>
  
  <p>Can you help me out ?</p>