diff --git a/theme/404.html b/theme/404.html
index 66f78d8714..246d312790 100644
--- a/theme/404.html
+++ b/theme/404.html
@@ -2,8 +2,38 @@
 
 {% block content %}
 <div class="page-not-found">
-    <img src="{{ base_url }}/images/404.png" alt="Not found" />
+    <img src="{{ base_url }}{% if base_url|last != '/' %}/{% endif %}images/404.png" alt="Not found" />
     <h1>Page not found.</h1>
     <a href="/">Back to front page</a>
 </div>
 {% endblock %}
+
+{% block scripts %}
+{{ super() }}
+<script>
+    if (location.host.endsWith('.readthedocs.build')) {
+        let basePart = '/en/latest/';
+        let readthedocsPart = location.pathname.split('/').slice(0, 3).join('/')+'/';
+        let urlElements = document.querySelectorAll('[href*="/en/latest/"], [src*="/en/latest/"]');
+        let head = document.getElementsByTagName('head')[0];
+        for (let urlElement of urlElements) {
+            switch (urlElement.tagName.toLowerCase()) {
+                case 'script':
+                    let script = document.createElement('script');
+                    script.setAttribute('src', urlElement.getAttribute('src').replace(basePart, readthedocsPart));
+                    head.appendChild(script);
+                    console.log(script);
+                    break;
+                default:
+                    let attributeName, attributeValue;
+                    for (attributeName of ['href', 'src']) {
+                        if (null !== (attributeValue = urlElement.getAttribute(attributeName))) {
+                            break;
+                        }
+                    }
+                    urlElement.setAttribute(attributeName, attributeValue.replace(basePart, readthedocsPart));
+            }
+        }
+    }
+</script>
+{% endblock %}