diff --git a/bindings/pydeck/docs/conf.py b/bindings/pydeck/docs/conf.py
index 1875df4ba0a..09cb3a9e5b3 100644
--- a/bindings/pydeck/docs/conf.py
+++ b/bindings/pydeck/docs/conf.py
@@ -21,7 +21,7 @@
 exclude_patterns = ["_build"]
 pygments_style = None
 html_theme = "sphinx_rtd_theme"
-html_static_path = ["_static", "css/custom.css", "gallery/html"]
+html_static_path = ["css/custom.css", "gallery/html"]
 htmlhelp_basename = "pydeckdoc"
 man_pages = [(master_doc, "pydeck", "pydeck Documentation", [author], 1)]
 texinfo_documents = [
diff --git a/bindings/pydeck/docs/gallery/html/grid.html b/bindings/pydeck/docs/gallery/html/grid.html
index 2a9087b8cfb..6c1c1d43ec6 100644
--- a/bindings/pydeck/docs/gallery/html/grid.html
+++ b/bindings/pydeck/docs/gallery/html/grid.html
@@ -31,155 +31,155 @@
 
   
   <div class='grid-cell'>
-      <a href="/gallery/arc_layer.html">
-    <img width="200" src="/_images/arc_layer.png"></img>
+      <a href="./gallery/arc_layer.html">
+    <img width="200" src="./_images/arc_layer.png"></img>
       <div class='thumb-text'>ArcLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/bitmap_layer.html">
-    <img width="200" src="/_images/bitmap_layer.png"></img>
+      <a href="./gallery/bitmap_layer.html">
+    <img width="200" src="./_images/bitmap_layer.png"></img>
       <div class='thumb-text'>BitmapLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/column_layer.html">
-    <img width="200" src="/_images/column_layer.png"></img>
+      <a href="./gallery/column_layer.html">
+    <img width="200" src="./_images/column_layer.png"></img>
       <div class='thumb-text'>ColumnLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/contour_layer.html">
-    <img width="200" src="/_images/contour_layer.png"></img>
+      <a href="./gallery/contour_layer.html">
+    <img width="200" src="./_images/contour_layer.png"></img>
       <div class='thumb-text'>ContourLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/custom_layer.html">
-    <img width="200" src="/_images/custom_layer.png"></img>
+      <a href="./gallery/custom_layer.html">
+    <img width="200" src="./_images/custom_layer.png"></img>
       <div class='thumb-text'>CustomLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/geojson_layer.html">
-    <img width="200" src="/_images/geojson_layer.png"></img>
+      <a href="./gallery/geojson_layer.html">
+    <img width="200" src="./_images/geojson_layer.png"></img>
       <div class='thumb-text'>GeoJsonLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/great_circle_layer.html">
-    <img width="200" src="/_images/great_circle_layer.png"></img>
+      <a href="./gallery/great_circle_layer.html">
+    <img width="200" src="./_images/great_circle_layer.png"></img>
       <div class='thumb-text'>GreatCircleLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/grid_layer.html">
-    <img width="200" src="/_images/grid_layer.png"></img>
+      <a href="./gallery/grid_layer.html">
+    <img width="200" src="./_images/grid_layer.png"></img>
       <div class='thumb-text'>GridLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/h3_cluster_layer.html">
-    <img width="200" src="/_images/h3_cluster_layer.png"></img>
+      <a href="./gallery/h3_cluster_layer.html">
+    <img width="200" src="./_images/h3_cluster_layer.png"></img>
       <div class='thumb-text'>H3ClusterLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/h3_hexagon_layer.html">
-    <img width="200" src="/_images/h3_hexagon_layer.png"></img>
+      <a href="./gallery/h3_hexagon_layer.html">
+    <img width="200" src="./_images/h3_hexagon_layer.png"></img>
       <div class='thumb-text'>H3HexagonLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/heatmap_layer.html">
-    <img width="200" src="/_images/heatmap_layer.png"></img>
+      <a href="./gallery/heatmap_layer.html">
+    <img width="200" src="./_images/heatmap_layer.png"></img>
       <div class='thumb-text'>HeatmapLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/hexagon_layer.html">
-    <img width="200" src="/_images/hexagon_layer.png"></img>
+      <a href="./gallery/hexagon_layer.html">
+    <img width="200" src="./_images/hexagon_layer.png"></img>
       <div class='thumb-text'>HexagonLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/icon_layer.html">
-    <img width="200" src="/_images/icon_layer.png"></img>
+      <a href="./gallery/icon_layer.html">
+    <img width="200" src="./_images/icon_layer.png"></img>
       <div class='thumb-text'>IconLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/line_layer.html">
-    <img width="200" src="/_images/line_layer.png"></img>
+      <a href="./gallery/line_layer.html">
+    <img width="200" src="./_images/line_layer.png"></img>
       <div class='thumb-text'>LineLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/path_layer.html">
-    <img width="200" src="/_images/path_layer.png"></img>
+      <a href="./gallery/path_layer.html">
+    <img width="200" src="./_images/path_layer.png"></img>
       <div class='thumb-text'>PathLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/point_cloud_layer.html">
-    <img width="200" src="/_images/point_cloud_layer.png"></img>
+      <a href="./gallery/point_cloud_layer.html">
+    <img width="200" src="./_images/point_cloud_layer.png"></img>
       <div class='thumb-text'>PointCloudLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/polygon_layer.html">
-    <img width="200" src="/_images/polygon_layer.png"></img>
+      <a href="./gallery/polygon_layer.html">
+    <img width="200" src="./_images/polygon_layer.png"></img>
       <div class='thumb-text'>PolygonLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/s2_layer.html">
-    <img width="200" src="/_images/s2_layer.png"></img>
+      <a href="./gallery/s2_layer.html">
+    <img width="200" src="./_images/s2_layer.png"></img>
       <div class='thumb-text'>S2Layer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/scatterplot_layer.html">
-    <img width="200" src="/_images/scatterplot_layer.png"></img>
+      <a href="./gallery/scatterplot_layer.html">
+    <img width="200" src="./_images/scatterplot_layer.png"></img>
       <div class='thumb-text'>ScatterplotLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/screengrid_layer.html">
-    <img width="200" src="/_images/screengrid_layer.png"></img>
+      <a href="./gallery/screengrid_layer.html">
+    <img width="200" src="./_images/screengrid_layer.png"></img>
       <div class='thumb-text'>ScreengridLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/text_layer.html">
-    <img width="200" src="/_images/text_layer.png"></img>
+      <a href="./gallery/text_layer.html">
+    <img width="200" src="./_images/text_layer.png"></img>
       <div class='thumb-text'>TextLayer</div></a>
   </div>
 
   
   <div class='grid-cell'>
-      <a href="/gallery/trips_layer.html">
-    <img width="200" src="/_images/trips_layer.png"></img>
+      <a href="./gallery/trips_layer.html">
+    <img width="200" src="./_images/trips_layer.png"></img>
       <div class='thumb-text'>TripsLayer</div></a>
   </div>
 
diff --git a/bindings/pydeck/docs/index.rst b/bindings/pydeck/docs/index.rst
index 67ab4d65b94..abe36b831db 100644
--- a/bindings/pydeck/docs/index.rst
+++ b/bindings/pydeck/docs/index.rst
@@ -177,3 +177,4 @@ Configure the lighting within a visualization.
 
    tooltip
    custom_layers
+
diff --git a/bindings/pydeck/docs/scripts/embed_examples.py b/bindings/pydeck/docs/scripts/embed_examples.py
index 797fbf855ec..901a2755043 100644
--- a/bindings/pydeck/docs/scripts/embed_examples.py
+++ b/bindings/pydeck/docs/scripts/embed_examples.py
@@ -39,7 +39,7 @@
 EXAMPLE_GLOB = "../examples/*_layer.py"
 GALLERY_DIR = "./gallery/"
 HTML_DIR = "./gallery/html/"
-STATIC_PATH = "/_static/"
+STATIC_PATH = "../_static/"
 DECKGL_URL_BASE = "https://deck.gl/#/documentation/deckgl-api-reference/layers/"
 
 
diff --git a/bindings/pydeck/docs/scripts/generate_grid_html.py b/bindings/pydeck/docs/scripts/generate_grid_html.py
index 702251efb77..00b53f43b5c 100644
--- a/bindings/pydeck/docs/scripts/generate_grid_html.py
+++ b/bindings/pydeck/docs/scripts/generate_grid_html.py
@@ -45,8 +45,8 @@
 {% for layer_name in layer_names %}
   {# Sphinx decides where these files get hosted but it's /_images #}
   <div class='grid-cell'>
-      <a href="/gallery/{{layer_name}}.html">
-    <img width="200" src="/_images/{{layer_name}}.png"></img>
+      <a href="./gallery/{{layer_name}}.html">
+    <img width="200" src="./_images/{{layer_name}}.png"></img>
       <div class='thumb-text'>{{ to_presentation_name(layer_name) }}</div></a>
   </div>
 {% endfor %}