title: Changing Image depending on Mobile or Desktop HTML & CSS
body: <p>So im trying to change the image depending on if the user is on mobile or desktop version.</p>
  
  <p>I have two different images, the one with an "m" in the end is a mini-version which is for desktop, and the other is for mobile. I cant get it to work though.</p>
  
  <p>Here's some code:</p>
  
  <p>HTML (Using Razor, so C# code works):</p>
  
  <pre><code>&lt;img id="ifMobile1" src="images/arts/IMG_1447m.png" alt=""&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#ifMobile1 {
      background-image: url(/images/arts/IMG_1447m.png)
  }
  
  @media all and (max-width: 499px) {
      #ifMobile1 {
          background-image: url(/images/arts/IMG_1447.png)
      }
  }
  </code></pre>
  
  <p>Help me please.</p>