diff --git a/src/_includes/components/card.macro.html b/src/_includes/components/card.macro.html
index aa0c418f2e..a237dea965 100644
--- a/src/_includes/components/card.macro.html
+++ b/src/_includes/components/card.macro.html
@@ -43,7 +43,8 @@ <h3 class="card__title">
             {{ params.teaser }}
         </p>
         <div class="card__footer">
-            <img class="blog-post__author-photo" src="{% if params.authorImage %}{{ params.authorImage }} {% else %}../../../assets/images/people/_placeholder-avatar.svg{% endif %}" alt="{{ params.authorName }}" width="40" height="40" loading="lazy">
+            {% set fallback_image = '/assets/images/people/_placeholder-avatar.svg' %}
+            <img class="blog-post__author-photo" src="{{ params.authorImage if params.authorImage else fallback_image }}" alt="{{ params.authorName }}" width="40" height="40" loading="lazy" onerror="this.src = '{{fallback_image}}'">
             <div class="blog-post__author__details">
                 <div class="blog-post__author-name">{{ params.authorName }}</div>
                 <time class="blog-post__publish-date" datetime="{{ params.date }}">{{ params.date | readableDate }}</time>
diff --git a/src/_includes/components/donation.macro.html b/src/_includes/components/donation.macro.html
index f88016c0ec..fc82a94d70 100644
--- a/src/_includes/components/donation.macro.html
+++ b/src/_includes/components/donation.macro.html
@@ -7,8 +7,9 @@
 -->
 
 {%- macro donationItem(params) -%}
+{% set fallback_image = '/assets/images/people/_placeholder-avatar.svg' %}
 <div class="donation">
-    <img class="donation__sponsor-logo" src="{{ params.image }}" width="40" height="40" alt="{{ params.name }}" onerror="this.src = '/assets/images/people/_placeholder-avatar.svg'" loading="lazy"/>
+    <img class="donation__sponsor-logo" src="{{ params.image if params.image else fallback_image }}" width="40" height="40" alt="{{ params.name }}" onerror="this.src = '{{fallback_image}}'" loading="lazy"/>
 
     <div class="donation__content">
         <p class="donation__sponsor-name">{{ params.name }}</p>
diff --git a/src/_includes/components/profile.macro.html b/src/_includes/components/profile.macro.html
index 63d961f6a2..56a063f286 100644
--- a/src/_includes/components/profile.macro.html
+++ b/src/_includes/components/profile.macro.html
@@ -1,7 +1,8 @@
 <!-- default profile -->
+{% set fallback_image = '/assets/images/people/_placeholder-avatar.svg' %}
 {%- macro member(params) -%}
 <div class="profile profile--member">
-    <img class="profile__photo profile__photo--large" src="{% if params.photo %}{{ params.photo }} {% else %}../../../assets/images/people/_placeholder-avatar.svg{% endif %}" alt="{{ params.name }}" width="80" height="80">
+    <img class="profile__photo profile__photo--large" src="{{ params.photo if params.photo else fallback_image }}" alt="{{ params.name }}" width="80" height="80" onerror="this.src = '{{fallback_image}}'">
     <div class="profile__details">
         <div class="profile__name">
             {{ params.name }}
@@ -75,7 +76,7 @@
 <!-- has avatar, name, and handle only -->
 {%- macro contributor(params) -%}
 <div class="profile profile--contributor">
-    <img class="profile__photo profile__photo--medium" src="{% if params.photo %}{{ params.photo }} {% else %}../../../assets/images/people/_placeholder-avatar.svg{% endif %}" width="56" height="56" alt="{{ params.name }}" loading="lazy">
+    <img class="profile__photo profile__photo--medium" src="{{ params.photo if params.photo else fallback_image }}" width="56" height="56" alt="{{ params.name }}" loading="lazy" onerror="this.src = '{{fallback_image}}'">
     <div class="profile__details">
         <div class="profile__name">{{ params.name }}</div>
       <a href="https://github.com/{{ params.handle}}" class="profile__handle">@{{ params.handle }}</a>
@@ -87,7 +88,7 @@
 {%- macro post_author(params) -%}
 <div class="profile profile--author">
     <div class="profile--author__details">
-        <img class="profile__photo profile__photo--small" src="{% if params.photo %}{{ params.photo }} {% else %}../../../assets/images/people/_placeholder-avatar.svg{% endif %}" alt="{{ params.name }}" width="48" height="48" loading="lazy">
+        <img class="profile__photo profile__photo--small" src="{{ params.photo if params.photo else fallback_image }}" alt="{{ params.name }}" width="48" height="48" loading="lazy" onerror="this.src = '{{fallback_image}}'">
         <div class="profile__details">
             <div class="profile__name">
                 {{ params.name }}