title: Wagtail Images Not Loading Once Deployed
body: <p>I'm not quite sure what's going on, but my images loaded fine on my local development server. However, once I deployed, the images will not load. I checked the URL and it seems to be correct. I'm not sure what's going on here.</p>
  
  <p><strong>base.py</strong></p>
  
  <pre><code>MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
  MEDIA_URL = '/media/'
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>{% load wagtailcore_tags wagtailimages_tags %}
  ...
  {% with post.main_image as main_image %}
      {% if main_image %}{% image main_image fill-400x200 %}{% endif %}
  {% endwith %}
  </code></pre>
  
  <p><strong>Page Source for Element</strong></p>
  
  <pre><code>&lt;img alt="photo" src="/media/images/Lily.2e16d0ba.fill-400x200.jpg" width="400" height="201"&gt;
  </code></pre>
  
  <p>I'm pretty confused and I can't really find much about the topic. Am I the only one who's run in to this issue? Any help would be greatly appreciated.</p>