update image paths

src/components/ConclusionSection.vue

@@ -9,7 +9,7 @@
       <div id="text1" class="text-container">
         <p v-html="t('text.components.socialVulnerabilityText.paragraph1')"></p>
       </div>
-      <img src="@/assets/images/security-insecurity-transition.png" loading="lazy" class="img" alt="Artistic rendering of an agricultural landscape with abundant water blending into a barren landscape where water is scarce."/>
+      <img src="@/assets/images/original_images/security-insecurity-transition.png" loading="lazy" class="img" alt="Artistic rendering of an agricultural landscape with abundant water blending into a barren landscape where water is scarce."/>
       <div id="text2" class="text-container">
         <p v-html="t('text.components.socialVulnerabilityText.paragraph2')"></p>
       </div>

src/components/NarrativeIntro.vue

@@ -3,7 +3,7 @@
     <div id="grid-container" >
       <div id="text2" class= "text-container" >
         <p v-html="t('text.components.introNarrative.paragraph1')"></p>
-      <img id="image1" src="@/assets/images/security-insecurity_intro_v2.png" loading="lazy" class="img" alt="Stylized split image contrasts a vibrant park pond with lush greenery on the left and a dry, barren landscape with exposed docks and a dried-up riverbed on the right, illustrating the impact of water scarcity."/>
+      <img id="image1" src="@/assets/images/original_images/security-insecurity_intro_v2.png" loading="lazy" class="img" alt="Stylized split image contrasts a vibrant park pond with lush greenery on the left and a dry, barren landscape with exposed docks and a dried-up riverbed on the right, illustrating the impact of water scarcity."/>
     </div>
       <div id="text3" class= "text-container">
         <p v-html="t('text.components.introNarrative.paragraph2')"></p>

src/components/VizTitle.vue

@@ -5,7 +5,7 @@
         ref="heroImage"
         id="title-image"
         :class="{ mobile: mobileView }"
-        src="@/assets/images/hero_no-faces_5.png"
+        src="@/assets/images/original_images/hero_no-faces_5.png"
         alt="Social vulnerability and water insecurity"
         @load="onImageLoad"
       />
@@ -13,7 +13,7 @@
         ref="bwHeroImage"
         id="bw-title-image"
         :class="{ mobile: mobileView }"
-        src="@/assets/images/hero_no-faces_5.png"
+        src="@/assets/images/original_images/hero_no-faces_5.png"
         alt="Social vulnerability and water insecurity (grayscale)"
       />
       <!-- Using SVG masks with a circle shape to reveal color image where circles are on top of bw -->