diff --git a/_includes/gallery_component.html b/_includes/gallery_component.html
index fe8efacd..2a0e3c11 100644
--- a/_includes/gallery_component.html
+++ b/_includes/gallery_component.html
@@ -1,7 +1,7 @@
 <div class="gallery">
     {%- for media_url in include.media -%}
     <div class="image_container">
-        <img src="{{site.url | append: " /" | append: media_url}}" class="gallery_img" decoding="async" alt="">
+        <img src="{{media_url | absolute_url}}" class="gallery_img" decoding="async" alt="">
     </div>
     {%- endfor -%}
 </div>
diff --git a/_layouts/project_gallery.html b/_layouts/project_gallery.html
index acb52dc9..4cee5dcb 100644
--- a/_layouts/project_gallery.html
+++ b/_layouts/project_gallery.html
@@ -7,15 +7,13 @@
     <h1 class="page-heading">{{ page.title }}</h1>
 
     {{ content }}
-    
+
     <div class="project-gallery">
         {%- for project_data in page.blurbs -%}
         <div class="project-container">
             <a href={{ project_data.redict }}>
-                <img 
-                    src="{{site.url | append: "/" | append: project_data.photo}}" 
-                    class="gallery_img" 
-                    decoding="async" alt="">
+                <img src="{{ project_data.photo | absolute_url }}" class="gallery_img" decoding="async"
+                    alt="">
             </a>
             <div description>
                 <a href={{ project_data.redict }}>
@@ -27,7 +25,7 @@ <h1 class="page-heading">{{ page.title }}</h1>
                 </p>
             </div>
         </div>
-    {%- endfor -%}
+        {%- endfor -%}
     </div>
 
     <style>
@@ -49,4 +47,4 @@ <h1 class="page-heading">{{ page.title }}</h1>
             height: 250px;
         }
     </style>
-</div>
+</div>
\ No newline at end of file