title: Content url does not display image on firefox browser, is there a work around that doesn't require removing alt tags?
body: <p>I want to serve different images to users of my website depending on screen size, however using content url in css does not work with firefox and requires the image to be served also with the :after css attribute (see below):</p>
  
  <p>ALL BROWSERS:</p>
  
  <pre><code>.AnImage{ 
    content: url("images/Home/2560/SimonAndGeorgia.jpg");
  }
  </code></pre>
  
  <p>FIREFOX:</p>
  
  <pre><code>.AnImage:after { 
    content: url("images/Home/2560/SimonAndGeorgia.jpg");
  }
  </code></pre>
  
  <p>The problem with this approach is that the alt is displayed in firefox and has to be removed!
  I want alt tags and i want to server different images to different sized devices to speed up downloads.</p>
  
  <p>It's 2017 surely someone has a solution so i can do both??? Please</p>