diff --git a/notebooks/IFU_cube_continuum_fit/NGC4151_FeII_ContinuumFit.html b/notebooks/IFU_cube_continuum_fit/NGC4151_FeII_ContinuumFit.html
index 830b2056..91c1201f 100644
--- a/notebooks/IFU_cube_continuum_fit/NGC4151_FeII_ContinuumFit.html
+++ b/notebooks/IFU_cube_continuum_fit/NGC4151_FeII_ContinuumFit.html
@@ -707,7 +707,7 @@ <h3>Video:<a class="headerlink" href="#video" title="Permalink to this heading">
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <div class="cell docutils container">
 <div class="cell_input docutils container">
@@ -1102,7 +1102,7 @@ <h2>Pulling other data<a class="headerlink" href="#pulling-other-data" title="Pe
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <section id="alternative-way-to-do-continuum-subtraction-using-numpy">
 <h3>Alternative way to do continuum subtraction using numpy<a class="headerlink" href="#alternative-way-to-do-continuum-subtraction-using-numpy" title="Permalink to this heading">#</a></h3>
diff --git a/notebooks/MRS_Mstar_analysis/JWST_Mstar_dataAnalysis_analysis.html b/notebooks/MRS_Mstar_analysis/JWST_Mstar_dataAnalysis_analysis.html
index 90f2fc04..12caa9d8 100644
--- a/notebooks/MRS_Mstar_analysis/JWST_Mstar_dataAnalysis_analysis.html
+++ b/notebooks/MRS_Mstar_analysis/JWST_Mstar_dataAnalysis_analysis.html
@@ -730,7 +730,7 @@ <h3>Read in the SpectrumList (12 unique spectra)<a class="headerlink" href="#rea
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <section id="load-in-the-spectrum-list-from-above-note-only-the-first-spectrum-in-your-list-is-displayed-automatically-you-will-need-to-turn-on-the-remaining-spectra-in-the-data-drop-down-then-hit-the-home-button-in-the-toolbar-and-scale-our-plot-accordingly-to-see-the-other-spectra">
 <h4>Load in the spectrum list from above. Note, only the first spectrum in your list is displayed automatically. You will need to turn on the remaining spectra in the “DATA” drop-down, then hit the “Home” button in the toolbar, and scale our plot accordingly to see the other spectra.<a class="headerlink" href="#load-in-the-spectrum-list-from-above-note-only-the-first-spectrum-in-your-list-is-displayed-automatically-you-will-need-to-turn-on-the-remaining-spectra-in-the-data-drop-down-then-hit-the-home-button-in-the-toolbar-and-scale-our-plot-accordingly-to-see-the-other-spectra" title="Permalink to this heading">#</a></h4>
@@ -779,7 +779,7 @@ <h2>Video 2:<a class="headerlink" href="#video-2" title="Permalink to this headi
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <section id="developer-note-need-to-pick-a-different-unit-than-meters-https-jira-stsci-edu-browse-jdat-1792">
 <h3>Developer Note. Need to pick a different unit than meters. https://jira.stsci.edu/browse/JDAT-1792<a class="headerlink" href="#developer-note-need-to-pick-a-different-unit-than-meters-https-jira-stsci-edu-browse-jdat-1792" title="Permalink to this heading">#</a></h3>
@@ -894,7 +894,7 @@ <h2>Visualize for Analysis the Single Spectrum1D Object Created Above from All 1
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <section id="developer-note-cannot-currently-open-a-spectrum1d-output-from-cubeviz-in-specviz-https-jira-stsci-edu-browse-jdat-1791">
 <h3>Developer Note: Cannot currently open a spectrum1d output from cubeviz in specviz.  https://jira.stsci.edu/browse/JDAT-1791<a class="headerlink" href="#developer-note-cannot-currently-open-a-spectrum1d-output-from-cubeviz-in-specviz-https-jira-stsci-edu-browse-jdat-1791" title="Permalink to this heading">#</a></h3>
@@ -1094,7 +1094,7 @@ <h4>As an example lets focus on the amorphous silicate 10 micron region.<a class
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <div class="cell docutils container">
 <div class="cell_input docutils container">
@@ -1236,7 +1236,7 @@ <h2>Video 6:<a class="headerlink" href="#video-6" title="Permalink to this headi
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <div class="cell docutils container">
 <div class="cell_input docutils container">
diff --git a/notebooks/NIRISS/NIRISS_WFSS_advanced/01_niriss_wfss_image2_image3.html b/notebooks/NIRISS/NIRISS_WFSS_advanced/01_niriss_wfss_image2_image3.html
index e51c66a8..8ebd2c1a 100644
--- a/notebooks/NIRISS/NIRISS_WFSS_advanced/01_niriss_wfss_image2_image3.html
+++ b/notebooks/NIRISS/NIRISS_WFSS_advanced/01_niriss_wfss_image2_image3.html
@@ -18819,7 +18819,7 @@ <h4>Matplotlib<a class="headerlink" href="#matplotlib" title="Permalink to this
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>The segmentation maps are also a product of the Image3 pipeline, and they are used the help determine the source catalog. Let’s take a look at those to ensure we are happy with what it is defining as a source.</p>
 <p>In the segmentation map, each blue blob should correspond to a physical target. There are cases where sources can be blended, in which case the parameters for making the semgentation map and source catalog should be changed. An example of this can be seen below in the observation 004 F200W filter image where two galaxies at ~(1600, 1300) have been blended into one source. This is discussed in more detail below in <span class="xref myst">Custom Imaging Pipeline Run</span>.</p>
@@ -18892,7 +18892,7 @@ <h4>Matplotlib<a class="headerlink" href="#matplotlib" title="Permalink to this
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 </section>
 <section id="imviz">
@@ -18957,7 +18957,7 @@ <h4>ImViz<a class="headerlink" href="#imviz" title="Permalink to this heading">#
   exp_obj = getattr(self._obj, attr)
 </pre></div>
 </div>
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p><a id='custom'></a></p>
 </section>
@@ -20077,7 +20077,7 @@ <h3>Inspecting Custom Results<a class="headerlink" href="#inspecting-custom-resu
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>The cell below shows similar information using Imviz instead to visualize this.</p>
 <div class="cell docutils container">
@@ -20130,7 +20130,7 @@ <h3>Inspecting Custom Results<a class="headerlink" href="#inspecting-custom-resu
 <div class="output stream highlight-myst-ansi notranslate"><div class="highlight"><pre><span></span>Plotting: default_image3_calibrated/jw02079-o004_t001_niriss_clear-f150w_i2d.fits
 </pre></div>
 </div>
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>Calibrate the remaining images if you are happy with the above results</p>
 <div class="cell docutils container">
@@ -23525,7 +23525,7 @@ <h3>Inspecting Custom Results<a class="headerlink" href="#inspecting-custom-resu
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p><a id='source_cat'></a></p>
 </section>
@@ -23607,7 +23607,7 @@ <h3>Matching Source IDs Across Catalogs<a class="headerlink" href="#matching-sou
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p><a id='manual_cat'></a></p>
 </section>
@@ -23797,7 +23797,7 @@ <h3>Manually Editing the Source Catalog<a class="headerlink" href="#manually-edi
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <a class="reference internal image-reference" href="https://raw.githubusercontent.com/spacetelescope/notebooks/master/assets/stsci_pri_combo_mark_horizonal_white_bkgd.png"><img alt="Space Telescope Logo" src="https://raw.githubusercontent.com/spacetelescope/notebooks/master/assets/stsci_pri_combo_mark_horizonal_white_bkgd.png" style="width: 200px;" /></a>
 </section>
diff --git a/notebooks/NIRISS/niriss_imaging/niriss-imaging-tutorial.html b/notebooks/NIRISS/niriss_imaging/niriss-imaging-tutorial.html
index dd0b7013..e74cc1c9 100644
--- a/notebooks/NIRISS/niriss_imaging/niriss-imaging-tutorial.html
+++ b/notebooks/NIRISS/niriss_imaging/niriss-imaging-tutorial.html
@@ -681,7 +681,7 @@ <h3>Display uncalibrated image<a class="headerlink" href="#display-uncalibrated-
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>Adjust settings for the viewer:</p>
 <div class="cell docutils container">
@@ -13404,7 +13404,7 @@ <h3>Display rate image<a class="headerlink" href="#display-rate-image" title="Pe
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <div class="cell docutils container">
 <div class="cell_input docutils container">
@@ -19083,7 +19083,7 @@ <h3>Display cal image<a class="headerlink" href="#display-cal-image" title="Perm
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <div class="cell docutils container">
 <div class="cell_input docutils container">
@@ -21388,7 +21388,7 @@ <h3>Display combined image<a class="headerlink" href="#display-combined-image" t
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <div class="cell docutils container">
 <div class="cell_input docutils container">
@@ -21459,7 +21459,7 @@ <h3>Mark the extended and point sources on the image<a class="headerlink" href="
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <div class="cell docutils container">
 <div class="cell_input docutils container">
diff --git a/notebooks/NIRISS_WFSS_advanced/01_niriss_wfss_image2_image3.html b/notebooks/NIRISS_WFSS_advanced/01_niriss_wfss_image2_image3.html
index 9e3bbab7..dd44bf9f 100644
--- a/notebooks/NIRISS_WFSS_advanced/01_niriss_wfss_image2_image3.html
+++ b/notebooks/NIRISS_WFSS_advanced/01_niriss_wfss_image2_image3.html
@@ -18780,7 +18780,7 @@ <h4>Matplotlib<a class="headerlink" href="#matplotlib" title="Permalink to this
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>The segmentation maps are also a product of the Image3 pipeline, and they are used the help determine the source catalog. Let’s take a look at those to ensure we are happy with what it is defining as a source.</p>
 <p>In the segmentation map, each blue blob should correspond to a physical target. There are cases where sources can be blended, in which case the parameters for making the semgentation map and source catalog should be changed. An example of this can be seen below in the observation 004 F200W filter image where two galaxies at ~(1600, 1300) have been blended into one source. This is discussed in more detail below in <span class="xref myst">Custom Imaging Pipeline Run</span>.</p>
@@ -18853,7 +18853,7 @@ <h4>Matplotlib<a class="headerlink" href="#matplotlib" title="Permalink to this
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 </section>
 <section id="imviz">
@@ -18912,7 +18912,7 @@ <h4>ImViz<a class="headerlink" href="#imviz" title="Permalink to this heading">#
 <div class="output stream highlight-myst-ansi notranslate"><div class="highlight"><pre><span></span>Plotting: default_image3_calibrated/jw02079-o004_t001_niriss_clear-f200w_i2d.fits
 </pre></div>
 </div>
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p><a id='custom'></a></p>
 </section>
@@ -20142,7 +20142,7 @@ <h3>Inspecting Custom Results<a class="headerlink" href="#inspecting-custom-resu
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>The cell below shows similar information using Imviz instead to visualize this.</p>
 <div class="cell docutils container">
@@ -20185,7 +20185,7 @@ <h3>Inspecting Custom Results<a class="headerlink" href="#inspecting-custom-resu
 <div class="output stream highlight-myst-ansi notranslate"><div class="highlight"><pre><span></span>Plotting: default_image3_calibrated/jw02079-o004_t001_niriss_clear-f150w_i2d.fits
 </pre></div>
 </div>
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>Calibrate the remaining images if you are happy with the above results</p>
 <div class="cell docutils container">
@@ -23698,7 +23698,7 @@ <h3>Inspecting Custom Results<a class="headerlink" href="#inspecting-custom-resu
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p><a id='source_cat'></a></p>
 </section>
@@ -23780,7 +23780,7 @@ <h3>Matching Source IDs Across Catalogs<a class="headerlink" href="#matching-sou
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p><a id='manual_cat'></a></p>
 </section>
@@ -23969,7 +23969,7 @@ <h3>Manually Editing the Source Catalog<a class="headerlink" href="#manually-edi
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <a class="reference internal image-reference" href="https://raw.githubusercontent.com/spacetelescope/notebooks/master/assets/stsci_pri_combo_mark_horizonal_white_bkgd.png"><img alt="Space Telescope Logo" src="https://raw.githubusercontent.com/spacetelescope/notebooks/master/assets/stsci_pri_combo_mark_horizonal_white_bkgd.png" style="width: 200px;" /></a>
 </section>
diff --git a/notebooks/NIRISS_WFSS_advanced/02_niriss_wfss_spec2.html b/notebooks/NIRISS_WFSS_advanced/02_niriss_wfss_spec2.html
index 375f785a..a050c00a 100644
--- a/notebooks/NIRISS_WFSS_advanced/02_niriss_wfss_spec2.html
+++ b/notebooks/NIRISS_WFSS_advanced/02_niriss_wfss_spec2.html
@@ -5924,7 +5924,7 @@ <h3>Find a Source in the Spec2 Data<a class="headerlink" href="#find-a-source-in
 <div class="output text_plain highlight-myst-ansi notranslate"><div class="highlight"><pre><span></span>Text(0.5, 0.98, &#39;GR150C F200W&#39;)
 </pre></div>
 </div>
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>We can then take a look at the extracted spectrum in this box both in the cal file and the x1d file. In the extracted spectrum below you can see the [OII] and H<span class="math notranslate nohighlight">\(\beta\)</span> emission lines from the galaxy.</p>
 <p><em>Note: The upturned edge effects seen in the 1-D spectrum are due to interpolation at the edges of the extraction box for the current flux calibration. This is also part of an ongoing calibration effort.</em></p>
@@ -5986,7 +5986,7 @@ <h3>Find a Source in the Spec2 Data<a class="headerlink" href="#find-a-source-in
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p><a id="limit_source"></a></p>
 </section>
@@ -38711,7 +38711,7 @@ <h4>Look at all of the Files for a Single Source<a class="headerlink" href="#loo
 <div class="output stderr highlight-myst-ansi notranslate"><div class="highlight"><pre><span></span>2024-06-07 14:03:10,904 - stpipe - WARNING - 
 </pre></div>
 </div>
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>Overplot these files on top of each other to compare. The two grisms will be different line styles to draw attention to any differences that could be due to the calibration, including contamination, and each blocking filter will be a different color.</p>
 <div class="cell docutils container">
@@ -38790,7 +38790,7 @@ <h4>Look at all of the Files for a Single Source<a class="headerlink" href="#loo
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 </section>
 <section id="look-at-all-of-the-sources-for-a-single-file">
@@ -38820,7 +38820,7 @@ <h4>Look at all of the sources for a single file<a class="headerlink" href="#loo
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 </section>
 <section id="visualize-where-the-extracted-sources-are-on-the-dispersed-image-and-how-that-compares-to-the-direct-image">
@@ -38903,7 +38903,7 @@ <h4>Visualize where the extracted sources are on the dispersed image, and how th
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>Continue to explore further, including using the <a class="reference external" href="https://jwst-pipeline.readthedocs.io/en/latest/jwst/pipeline/calwebb_spec3.html">spec3 stage</a> of the pipeline!</p>
 <a class="reference internal image-reference" href="https://raw.githubusercontent.com/spacetelescope/notebooks/master/assets/stsci_pri_combo_mark_horizonal_white_bkgd.png"><img alt="Space Telescope Logo" src="https://raw.githubusercontent.com/spacetelescope/notebooks/master/assets/stsci_pri_combo_mark_horizonal_white_bkgd.png" style="width: 200px;" /></a>
diff --git a/notebooks/background_estimation_imaging/Imaging_Sky_Background_Estimation.html b/notebooks/background_estimation_imaging/Imaging_Sky_Background_Estimation.html
index 80acff8d..bb9fd7c5 100644
--- a/notebooks/background_estimation_imaging/Imaging_Sky_Background_Estimation.html
+++ b/notebooks/background_estimation_imaging/Imaging_Sky_Background_Estimation.html
@@ -692,7 +692,7 @@ <h3>Create the nasty sky background<a class="headerlink" href="#create-the-nasty
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <div class="cell docutils container">
 <div class="cell_input docutils container">
@@ -759,7 +759,7 @@ <h3>Look at it with noise added and then smoothed a bit<a class="headerlink" hre
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <div class="cell docutils container">
 <div class="cell_input docutils container">
diff --git a/notebooks/cross_instrument/rgb_imviz/imviz_rgb_carina.html b/notebooks/cross_instrument/rgb_imviz/imviz_rgb_carina.html
index 783a4ee2..4b3bcdc9 100644
--- a/notebooks/cross_instrument/rgb_imviz/imviz_rgb_carina.html
+++ b/notebooks/cross_instrument/rgb_imviz/imviz_rgb_carina.html
@@ -583,7 +583,7 @@ <h2>Download images and load Imviz<a class="headerlink" href="#download-images-a
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 </section>
 <section id="align-by-wcs">
diff --git a/notebooks/galaxy_redshift/redshift_fitting.html b/notebooks/galaxy_redshift/redshift_fitting.html
index 61970fab..3c4ef39e 100644
--- a/notebooks/galaxy_redshift/redshift_fitting.html
+++ b/notebooks/galaxy_redshift/redshift_fitting.html
@@ -670,7 +670,7 @@ <h2>“By eye” redshift measurement with Specviz<a class="headerlink" href="#b
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <div class="cell docutils container">
 <div class="cell_input docutils container">
@@ -871,7 +871,7 @@ <h3>Clean up the spectrum<a class="headerlink" href="#clean-up-the-spectrum" tit
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <div class="cell docutils container">
 <div class="cell_input docutils container">
@@ -918,7 +918,7 @@ <h3>Clean up the spectrum<a class="headerlink" href="#clean-up-the-spectrum" tit
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <div class="cell docutils container">
 <div class="cell_input docutils container">
@@ -996,7 +996,7 @@ <h3>Run the cross correlation function<a class="headerlink" href="#run-the-cross
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <a class="reference internal image-reference" href="https://raw.githubusercontent.com/spacetelescope/notebooks/master/assets/stsci_pri_combo_mark_horizonal_white_bkgd.png"><img alt="Space Telescope Logo" src="https://raw.githubusercontent.com/spacetelescope/notebooks/master/assets/stsci_pri_combo_mark_horizonal_white_bkgd.png" style="width: 200px;" /></a>
 </section>
diff --git a/notebooks/ifu_optimal/ifu_optimal.html b/notebooks/ifu_optimal/ifu_optimal.html
index fcbca268..58ff741c 100644
--- a/notebooks/ifu_optimal/ifu_optimal.html
+++ b/notebooks/ifu_optimal/ifu_optimal.html
@@ -652,7 +652,7 @@ <h2>2. Read in NIRSpec IFU Cube <a id="read"/><a class="headerlink" href="#read-
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 </section>
 <section id="visualize-science-data-with-cubeviz-a-id-visualize">
@@ -1126,7 +1126,7 @@ <h2>12. Optimal Extraction using WebbPSF Model <a id="optimal" /><a class="heade
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>The optimally extracted spectrum is less noisy than the aperture extraction and incorporates fewer bad pixels and cosmic ray events. The OIII line profile is different because extended emission is downweighted with respect to the unresolved quasar nucleus.</p>
 <a class="reference internal image-reference" href="https://raw.githubusercontent.com/spacetelescope/notebooks/master/assets/stsci_pri_combo_mark_horizonal_white_bkgd.png"><img alt="Space Telescope Logo" src="https://raw.githubusercontent.com/spacetelescope/notebooks/master/assets/stsci_pri_combo_mark_horizonal_white_bkgd.png" style="width: 200px;" /></a>
diff --git a/notebooks/mos_spectroscopy_advanced/MOSspec_advanced.html b/notebooks/mos_spectroscopy_advanced/MOSspec_advanced.html
index 6acfdfae..50a6dc43 100644
--- a/notebooks/mos_spectroscopy_advanced/MOSspec_advanced.html
+++ b/notebooks/mos_spectroscopy_advanced/MOSspec_advanced.html
@@ -697,7 +697,7 @@ <h2>Use Specviz2d to extract a better 1D spectrum<a class="headerlink" href="#us
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p><strong>Developer note</strong><br>
 Is there a way to get out an uncertainty array from the extraction?<br>
@@ -750,7 +750,7 @@ <h2>Use Specviz2d to extract a better 1D spectrum<a class="headerlink" href="#us
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>There are still some artifacts in the data, but we can select a subset masking the artifacts and get out a spectrum without unwanted spikes. We can do so using the tool to select a subset with the “add” option (in the top bar) to select multiple regions as part of a single subset.</p>
 <div class="cell docutils container">
@@ -2413,7 +2413,7 @@ <h2>New instance of Specviz with spectrum and template<a class="headerlink" href
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <a class="reference internal image-reference" href="https://raw.githubusercontent.com/spacetelescope/notebooks/master/assets/stsci_pri_combo_mark_horizonal_white_bkgd.png"><img alt="Space Telescope Logo" src="https://raw.githubusercontent.com/spacetelescope/notebooks/master/assets/stsci_pri_combo_mark_horizonal_white_bkgd.png" style="width: 200px;" /></a>
 <p>Notebook created by Camilla Pacifici (cpacifici&#64;stsci.edu)<br>
diff --git a/notebooks/niriss_imaging/niriss-imaging-tutorial.html b/notebooks/niriss_imaging/niriss-imaging-tutorial.html
index 94119771..9c7307a5 100644
--- a/notebooks/niriss_imaging/niriss-imaging-tutorial.html
+++ b/notebooks/niriss_imaging/niriss-imaging-tutorial.html
@@ -674,7 +674,7 @@ <h3>Display uncalibrated image<a class="headerlink" href="#display-uncalibrated-
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>Adjust settings for the viewer:</p>
 <div class="cell docutils container">
@@ -7487,7 +7487,7 @@ <h3>Display rate image<a class="headerlink" href="#display-rate-image" title="Pe
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <div class="cell docutils container">
 <div class="cell_input docutils container">
@@ -11152,7 +11152,7 @@ <h3>Display cal image<a class="headerlink" href="#display-cal-image" title="Perm
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <div class="cell docutils container">
 <div class="cell_input docutils container">
@@ -13185,7 +13185,7 @@ <h3>Display combined image<a class="headerlink" href="#display-combined-image" t
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <div class="cell docutils container">
 <div class="cell_input docutils container">
@@ -13242,7 +13242,7 @@ <h3>Mark the extended and point sources on the image<a class="headerlink" href="
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>Point sources will be marked by small pink circles and extended sources will be marked by larger white circles.</p>
 <div class="cell docutils container">
diff --git a/notebooks/optimal_extraction_dynamic/Spectral_Extraction.html b/notebooks/optimal_extraction_dynamic/Spectral_Extraction.html
index b71c155c..60d89ef7 100644
--- a/notebooks/optimal_extraction_dynamic/Spectral_Extraction.html
+++ b/notebooks/optimal_extraction_dynamic/Spectral_Extraction.html
@@ -732,7 +732,7 @@ <h1>Define an extraction region<a class="headerlink" href="#define-an-extraction
 </div>
 <div class="cell_output docutils container">
 <img alt="../../_images/d1f371cee6e0751906e55f3198f6efbdee934e8ed5522fa33c5b88351a058cfd.png" src="../../_images/d1f371cee6e0751906e55f3198f6efbdee934e8ed5522fa33c5b88351a058cfd.png" />
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>We get the region coordinates from the bounding rectangle – in this case, setting the coordinates to <code class="docutils literal notranslate"><span class="pre">x1=51,</span> <span class="pre">y1=3,</span> <span class="pre">x2=1268,</span> <span class="pre">y2=9</span></code> seems fine – or, we can set them directly. Finally, we create a new array containing only our extraction region (so that we don’t need to continually index our original array).</p>
 <div class="cell docutils container">
@@ -842,7 +842,7 @@ <h1>Create kernel slice<a class="headerlink" href="#create-kernel-slice" title="
 </div>
 <div class="cell_output docutils container">
 <img alt="../../_images/ee74d29e7ee7d0c2e680b8cc559df7fdfe7210b2c79b581bb3ff9179b52f9066.png" src="../../_images/ee74d29e7ee7d0c2e680b8cc559df7fdfe7210b2c79b581bb3ff9179b52f9066.png" />
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>A column index of 670 and width 50 seem to work reasonably well for this file, so we can now generate the final slice for kernel fitting.</p>
 <div class="cell docutils container">
diff --git a/notebooks/rgb_imviz/imviz_rgb_carina.html b/notebooks/rgb_imviz/imviz_rgb_carina.html
index e1c57f18..aa253be9 100644
--- a/notebooks/rgb_imviz/imviz_rgb_carina.html
+++ b/notebooks/rgb_imviz/imviz_rgb_carina.html
@@ -550,7 +550,7 @@ <h1>RGB images with Imviz<a class="headerlink" href="#rgb-images-with-imviz" tit
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <section id="wcs-linking-controls">
 <h2>WCS Linking Controls<a class="headerlink" href="#wcs-linking-controls" title="Permalink to this heading">#</a></h2>
diff --git a/notebooks/specviz_notebookGUI_interaction/specviz_notebook_gui_interaction_redshift.html b/notebooks/specviz_notebookGUI_interaction/specviz_notebook_gui_interaction_redshift.html
index d636e7e8..fba9d525 100644
--- a/notebooks/specviz_notebookGUI_interaction/specviz_notebook_gui_interaction_redshift.html
+++ b/notebooks/specviz_notebookGUI_interaction/specviz_notebook_gui_interaction_redshift.html
@@ -699,7 +699,7 @@ <h2>2. Open Specviz and load the 1D spectra we are interested in<a class="header
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>The following cell opens one extension of the x1d file (75), creates a Spectrum1D object, and loads it into Specviz. A mask is set to only keep the part of the spectra with good sensitivity (1.34 to 1.66 micron) in the F150W filter.</p>
 <div class="cell docutils container">
@@ -843,7 +843,7 @@ <h2>4. Use the redshift slider in Specviz to find the redshift<a class="headerli
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <p>I load just the interesting spectrum (spec1d_line).</p>
 <div class="cell docutils container">
@@ -911,7 +911,7 @@ <h2>5. Model the continuum of the spectrum<a class="headerlink" href="#model-the
 </div>
 </div>
 <div class="cell_output docutils container">
-<img align="center" height="auto" width="50%" src="$HOME/jdaviz_placeholder_new.png">
+<img style="display: block; margin: auto; width: 50%;" src="jdaviz_placeholder_new.png">
 </div>
 <div class="cell docutils container">
 <div class="cell_input docutils container">