diff --git a/CHANGELOG.md b/CHANGELOG.md
index 527c065..fda9d29 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -247,7 +247,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Add "open post" button to comments.
 - Add external link icon to buttons that lead to external sites.
 - Add i18n support.
-- Add language switcher menu in the navbar (enabled automatically if site is availabe in more than one language).
+- Add language switcher menu in the navbar (enabled automatically if site is available in more than one language).
 - Allow adding per-page/section stylesheets via the `extra.stylesheets` variable.
 - Allow setting custom copyright text via the new `config.extra.footer.copyright` config variable.
 - Button-like style for footer's "Powered by" links.
diff --git a/content/blog/the-quill-of-duck/index.md b/content/blog/the-quill-of-duck/index.md
index 5003bb3..8e27774 100644
--- a/content/blog/the-quill-of-duck/index.md
+++ b/content/blog/the-quill-of-duck/index.md
@@ -7,7 +7,7 @@ updated = "2024-06-21"
 [taxonomies]
 tags = ["Demo", "Test"]
 [extra]
-banner = "blog/the-quill-of-duck/quill.png"
+banner = "quill.png"
 toc = true
 trigger = "This page contains blackjack and hookers, and bad jokes such as this one."
 disclaimer = """
@@ -27,10 +27,6 @@ Recommended banner dimensions are 2:1 aspect ratio and 1920x960 resolution.
 Other sizes will also work, but will be cut off at the bottom/won't be high enough.
 {% end %}
 
-{% alert(note=true) %}
-The path to the banner should be the same as the resulting path to the post, e.g. `blog/the-quill-of-duck/quill.png`. If the folder name has a timestamp, remove it. You can simply open the post in your browser and copy the path from the URL.
-{% end %}
-
 ## The what?
 
 This is a Duckquill post example, this post has nothing but a bunch of text and random formatting, acting like a demo.
diff --git a/templates/article.html b/templates/article.html
index 3f569a5..879ae5a 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -7,7 +7,7 @@
 <article>
 	{%- if page.extra.banner -%}
 		<div id="banner-container">
-			<img id="banner" class="full-bleed{% if page.extra.banner_pixels %} pixels{% endif %}" src="{{ get_url(path=page.extra.banner, lang=lang)}}" {% if config.markdown.lazy_async_image %}decoding="async" loading="lazy"{% endif %} />
+			<img id="banner" class="full-bleed{% if page.extra.banner_pixels %} pixels{% endif %}" src="{{ current_url ~ page.extra.banner }}" {% if config.markdown.lazy_async_image %}decoding="async" loading="lazy"{% endif %} />
 		</div>
 	{%- endif -%}
 
diff --git a/templates/partials/card.html b/templates/partials/card.html
index 0ae856b..bc90b28 100644
--- a/templates/partials/card.html
+++ b/templates/partials/card.html
@@ -1,5 +1,5 @@
 {%- if page.extra.banner -%}
-    {% set card = resize_image(path=page.extra.banner, width=1200, height=628, op="fill") %}
+    {%- set card = resize_image(path=page.colocated_path ~ page.extra.banner, width=1200, height=628, op="fill") -%}
     {{ card.url }}
 {%- else -%}
     {{ get_url(path='card.png') }}