diff --git a/vignettes/images/filterpanel.png b/man/figures/filterpanel.png
similarity index 100%
rename from vignettes/images/filterpanel.png
rename to man/figures/filterpanel.png
diff --git a/vignettes/images/showrcode.jpg b/man/figures/showrcode.jpg
similarity index 100%
rename from vignettes/images/showrcode.jpg
rename to man/figures/showrcode.jpg
diff --git a/vignettes/blueprint/filter_panel.Rmd b/vignettes/blueprint/filter_panel.Rmd
index 1df7c4bdbf..3ddf5ca7be 100644
--- a/vignettes/blueprint/filter_panel.Rmd
+++ b/vignettes/blueprint/filter_panel.Rmd
@@ -10,6 +10,10 @@ vignette: >
 
 ## Introduction
 
+<a href="../../reference/figures/filterpanel.png" target="_blank">
+  <img src="../../man/figures/filterpanel.png" align="right" style="max-width: 33%;"/>
+</a>
+
 The filter panel is a key component of the `teal` framework, providing a powerful tool for exploring and analyzing data.
 
 One of the great things about the filter panel is that it comes built-in with `teal`, requiring no programming knowledge to use.
@@ -19,7 +23,7 @@ Moreover, users can activate or deactivate filter states interactively, either i
 
 The `teal.slice` R package in the `teal` framework is responsible for managing the filter panel.
 
-![filter-panel screenshot](../images/filterpanel.png)
+<div style="clear: both"></div>
 
 ## Filter Flow
 
diff --git a/vignettes/blueprint/qenv.Rmd b/vignettes/blueprint/qenv.Rmd
index d2ccdbcfd7..dba6a3d342 100644
--- a/vignettes/blueprint/qenv.Rmd
+++ b/vignettes/blueprint/qenv.Rmd
@@ -3,7 +3,7 @@ title: "`qenv`"
 author: "NEST CoreDev"
 output: rmarkdown::html_vignette
 vignette: >
-  %\VignetteIndexEntry{qenv}
+  %\VignetteIndexEntry{`qenv`}
   %\VignetteEngine{knitr::rmarkdown}
   %\VignetteEncoding{UTF-8}
 ---
@@ -50,8 +50,14 @@ The `qenv` object is used to support the module's visualizations, such as textua
 The former allows users to inspect the contents of the `qenv` object, enabling them to closely analyze and replicate the module's analysis.
 The latter utilizes the `qenv` object to merge multiple `qenv` objects from various `teal` modules, resulting in a downloadable report with reproducible results that ensures accurate and consistent data presentations.
 
-![Show R Code](../images/showrcode.jpg){width=95%}
+<a href="../../reference/figures/showrcode.jpg" target="_blank">
+  <img title="Show R Code" src="../../man/figures/showrcode.jpg" align="left" style="max-width: 48%;"/>
+</a>
 
-![Reporter](../images/reporter.jpg)
+<a href="./reporter.jpg" target="_blank">
+  <img title="Reporter" src="./reporter.jpg" align="right" style="max-width: 48%;"/>
+</a>
+
+<div style="clear: both;"></div>
 
 Overall, `qenv` from `teal.code` is a powerful tool for ensuring code reproducibility and promoting high-quality research in the R programming language.
diff --git a/vignettes/blueprint/reporter.jpg b/vignettes/blueprint/reporter.jpg
new file mode 100644
index 0000000000..14eff4ec5f
Binary files /dev/null and b/vignettes/blueprint/reporter.jpg differ