images

app/static/css/partials/_ascroll.scss

@@ -58,6 +58,16 @@
       padding: 20px 20px;
       font-size: 22px;
       line-height: 26px;
+
+      figure {
+        width: 100%;
+        text-align: center;
+      }
+
+      img {
+        margin: auto;
+        max-width: 100%;
+      }
     }
   }
 }

app/static/js/ascroll.js

@@ -219,6 +219,7 @@ function renderAnnotation(config, video, ascroll, annotation) {
     if (annotation.title) {
         figcaption = `<figcaption><a href="${baseURL}/${annotation.id}" target="_blank">${annotation.title}</a></figcaption>`
     }
+    annotation.value = annotation.value.replace('src="/', `src="${baseURL}/`).replace('href="/', `href="${baseURL}/`)
     div.innerHTML = `
         <div class="frame">
             <figure>