docs: fix path to assets. (#27696)

1 files changed, 8 insertions, 4 deletions

diff --git a/site/docs/4.1/utilities/image-replacement.md b/site/docs/4.1/utilities/image-replacement.md
index 0d5a4d30c..ab092d67f 100644
--- a/site/docs/4.1/utilities/image-replacement.md
+++ b/site/docs/4.1/utilities/image-replacement.md
@@ -8,6 +8,7 @@ toc: true
 
 {% capture callout %}
 ##### Warning
+
 The `text-hide()` class and mixin has been deprecated as of v4.1. It will be removed entirely in v5.
 {% endcapture %}
 {% include callout.html content=callout type="warning" %}
@@ -27,7 +28,10 @@ Utilize the `.text-hide` class or mixin to help replace an element's text conten
 
 Use the `.text-hide` class to maintain the accessibility and SEO benefits of heading tags, but want to utilize a `background-image` instead of text.
 
-{% capture example %}
-<h1 class="text-hide" style="background-image: url('/docs/{{ site.docs_version }}/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1>
-{% endcapture %}
-{% include example.html content=example %}
+<div class="bd-example">
+  <h1 class="text-hide" style="background-image: url('{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1>
+</div>
+
+{% highlight html %}
+<h1 class="text-hide" style="background-image: url('..');">Bootstrap</h1>
+{% endhighlight %}