title: how to detect screen size or mobile/desktop using twig
body: <p>I am currently using twig as my templating engine and I wanted to load different url of an image when the site is loaded using mobile vs desktop. Is there an easy way to do this?</p>
  
  <p>So I wanted to do something like this:</p>
  
  <pre><code>{% if (mobile) %}
     &lt;img src="{{ picture.getLowresimageurl() }}"/&gt;
  {% else %}
     &lt;img src="{{ picture.getMedresimageurl() }}"/&gt;
  {% endif %}
  </code></pre>
  
  <p>is there a way to do this?</p>