auto-resize images

shared/templates/styleguide2/includes/atoms/articles/side_image.html

@@ -9,7 +9,7 @@
     lg:mx-8 lg:my-4 lg:w-2/5
   "
 >
-  {% image image original as side_image %}
+  {% image image max-512x512 as side_image %}
 
   <img
     class="my-0"

shared/templates/styleguide2/includes/molecules/candidates/elections/candidate_footer_box.html

@@ -10,7 +10,7 @@
     lg:min-w-[24rem]
   "
 >
-  {% image candidate_page.image original as candidate_image %}
+  {% image candidate_page.image max-512x512 as candidate_image %}
 
   <img
     class="w-3/5"

shared/templates/styleguide2/includes/organisms/candidates/elections/candidate_primary_list.html

@@ -6,9 +6,9 @@
 >
   {% for candidate in self.candidates %}
     {% if candidate.image %}
-      {% image candidate.image original as resized_candidate_image %}
+      {% image candidate.image max-756x756 as resized_candidate_image %}
     {% else %}
-      {% image candidate.page.image original as resized_candidate_image %}
+      {% image candidate.page.image max-756x756 as resized_candidate_image %}
     {% endif %}
 
     {% include "styleguide2/includes/molecules/candidates/elections/candidate_primary_box.html" with name=candidate.page.title position=candidate.page.position description=candidate.description url=candidate.page.url candidate_image=resized_candidate_image %}

shared/templates/styleguide2/includes/organisms/candidates/elections/candidate_secondary_list.html

@@ -10,9 +10,9 @@
           name: '{{ candidate.page.title }}',
 
           {% if candidate.image %}
-            {% image candidate.image original as resized_candidate_image %}
+            {% image candidate.image max-756x756 as resized_candidate_image %}
           {% else %}
-            {% image candidate.page.image original as resized_candidate_image %}
+            {% image candidate.page.image max-756x756 as resized_candidate_image %}
           {% endif %}
 
           imageSource: '{{ resized_candidate_image.url }}',

shared/templates/styleguide2/includes/organisms/faq/faq_answer.html

@@ -63,9 +63,9 @@
           </div>
 
           {% if self.image %}
-            {% image self.image original as person_image %}
+            {% image self.image max-512x512 as person_image %}
           {% else %}
-            {% image self.person_page.image original as person_image %}
+            {% image self.person_page.image max-512x512 as person_image %}
           {% endif %}
 
           <img

shared/templates/styleguide2/includes/organisms/header/elections/candidate_header.html

@@ -77,7 +77,7 @@
         flex justify-center items-start grow w-full
       "
     >
-      {% image image original as person_image %}
+      {% image image max-756x756 as person_image %}
 
       <img
         class="lg:w-3/5"