title: picture element, responsive images, webp images and safari fallback not working
body: <p>I would like to use webp images, of course safari doesn't support them so I also added the jpg's as fallbacks for different resolutions.</p>
  
  <p>In chrome everything works fine, in safari it only works if I remove the webp versions from the image tag.</p>
  
  <p>But I don't want to abandon webp images just because of safari...</p>
  
  <p>My html code is below.</p>
  
  <pre><code>&lt;picture&gt;
     &lt;source type="image/webp" media="(max-width: 1200px)" srcset="/public/images/picture0-m.webp"&gt; 
     &lt;source type="image/webp" media="(min-width: 1201px)" srcset="/public/images/picture0.webp"&gt;
     &lt;source type="image/jpeg" media="(max-width: 1200px)" srcset="/public/images/picture0-m.jpg"&gt; 
     &lt;source type="image/jpeg" media="(min-width: 1201px)" srcset="/public/images/picture0.jpg"&gt;
     &lt;img src="/public/images/picture0-m.jpg"type="image/jpeg"&gt;
  &lt;/picture&gt;
  </code></pre>