diff --git a/_images/klive_installation.png b/_images/klive_installation.png
new file mode 100644
index 0000000..2f56fb7
Binary files /dev/null and b/_images/klive_installation.png differ
diff --git a/_sources/pages/klayout.md b/_sources/pages/klayout.md
index 41dfdaa..632fada 100644
--- a/_sources/pages/klayout.md
+++ b/_sources/pages/klayout.md
@@ -19,4 +19,8 @@ Once KLayout is installed, you can install klive from within KLayout's package
 manager, by going to `Tools > Manage Packages > Install New Packages`. Then, 
 search for `klive` and double click it to select it, then click "Apply".
 
-![klive installation screenshot](../klive_installation.png)
+```{image} ../images/klive_installation.png
+:alt: klive installation screenshot
+:height: 400px
+:align: center
+```
diff --git a/pages/klayout.html b/pages/klayout.html
index adf4a51..4af75e0 100644
--- a/pages/klayout.html
+++ b/pages/klayout.html
@@ -311,7 +311,7 @@ <h2>klive<a class="headerlink" href="#klive" title="Permalink to this heading">#
 <p>Once KLayout is installed, you can install klive from within KLayout’s package
 manager, by going to <code class="docutils literal notranslate"><span class="pre">Tools</span> <span class="pre">&gt;</span> <span class="pre">Manage</span> <span class="pre">Packages</span> <span class="pre">&gt;</span> <span class="pre">Install</span> <span class="pre">New</span> <span class="pre">Packages</span></code>. Then,
 search for <code class="docutils literal notranslate"><span class="pre">klive</span></code> and double click it to select it, then click “Apply”.</p>
-<p><img alt="klive installation screenshot" src="klive_installation.png"/></p>
+<a class="reference internal image-reference" href="../_images/klive_installation.png"><img alt="klive installation screenshot" class="align-center" src="../_images/klive_installation.png" style="height: 400px;"/></a>
 </section>
 </section>
 <script type="text/x-thebe-config">