title: background-image not showing in div normally or on hover
body: <p>Ok guys, I have this in the style.css of my website. </p>
  
  <pre><code> .asia{
  margin-left:40px;
  background-image:url('../resources/img/asia.jpg');
  width:100px;
  height:75px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
   }
  .asia:hover{
  background-image:url('../resources/img/asia2.png');
  width:100px;
  height:75px;
  
   } 
  </code></pre>
  
  <p>these are two images, that I will use on my homepage by putting </p>
  
  <pre><code>&lt;div class="asia"&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>and everything is set for them to show up like an animation when hovering over.</p>
  
  <p>The only problem is that on the laptop everything works fine, the index.html shows me all the images and the hover efect works well but when uploading and testing it on the server the images do not show up.</p>
  
  <p>What is the problem? What am I doing wrong?</p>