title: HTML Email image not showing on mobile email clients
body: <p>I am trying to create an html email newsletter, and i have to substitute one image for another, by using media queries. It works on the desktop clients, and i can see that the image gets changed, but on the cellphone, the image doesnt show at all.</p>
  
  <p>Does anyone have any experience with this?</p>
  
  <p>the header_mobile is display: none; outside the media query, ofc.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;td id="header" align="center" &gt;
        &lt;a href="http://ezzence.dk"&gt;
               &lt;img src="http://www.thomasteilmann.com/nyhedsbrev/img/header.jpg" alt="Ezzence Nyhedsbrev" /&gt;
        &lt;/a&gt;
  &lt;/td&gt;
  &lt;td id="header_mobile" align="center" &gt;
        &lt;a href="http://ezzence.dk"&gt;
               &lt;img src="http://www.thomasteilmann.com/nyhedsbrev/img/mobile/header.jpg" alt="Ezzence Nyhedsbrev" /&gt;
        &lt;/a&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>#header_mobile{
      display: table-cell;
   }
  
   #header{
      display: none;
   }
  </code></pre>