<div class="tf-proof-media-grid{% if grid_class %} {{ grid_class }}{% endif %}">
  <div class="tf-photo-slot{% if job.before_media and job.before_media.file %} tf-photo-slot-has-media{% endif %}">
    {% if job.before_media and job.before_media.file %}
    <img src="{{ job.before_media.file.url }}" alt="Before photo for {{ job.service_type|lower }} in {{ job.city }}, {{ job.state }}" class="tf-photo-image" width="960" height="720">
    {% endif %}
    <span class="tf-photo-label">Before</span>
  </div>
  <div class="tf-photo-slot tf-photo-slot-after{% if job.after_media and job.after_media.file %} tf-photo-slot-has-media{% endif %}">
    {% if job.after_media and job.after_media.file %}
    <img src="{{ job.after_media.file.url }}" alt="After photo for {{ job.service_type|lower }} in {{ job.city }}, {{ job.state }}" class="tf-photo-image" width="960" height="720">
    {% endif %}
    <span class="tf-photo-label">After</span>
  </div>
</div>
