New screenshots and thumbnails for the examples (#2440)

### What

This PR updates the examples' READMEs with new screenshots and adds the
`thumbnail:` entry to their front matter.

This uses #2411 and highlighted some bugs with it, to be fixed in a
follow-up PR.

TODO:
- [x] deal with signed_distance_fields
- [x] deal with detect_and_track_objects
- [x] deal with ros_node

### Checklist
* [x] I have read and agree to [Contributor
Guide](https://github.com/rerun-io/rerun/blob/main/CONTRIBUTING.md) and
the [Code of
Conduct](https://github.com/rerun-io/rerun/blob/main/CODE_OF_CONDUCT.md)
* [x] I've included a WHOLE LOT of screenshots in the PR

<!-- This line will get updated when the PR build summary job finishes.
-->
PR Build Summary: https://build.rerun.io/pr/2440

<!-- pr-link-docs:start -->
Docs preview: https://rerun.io/preview/b2d508b/docs
Examples preview: https://rerun.io/preview/b2d508b/examples
<!-- pr-link-docs:end -->

examples/python/api_demo/README.md

@@ -2,9 +2,16 @@
 title: API Demo
 python: https://github.com/rerun-io/rerun/tree/latest/examples/python/api_demo/main.py
 rust: https://github.com/rerun-io/rerun/tree/latest/examples/rust/api_demo/src/main.rs
+thumbnail: https://static.rerun.io/d41179fb380bc6bdeda950d7d69e3c457ff295e9_api_demo_480w.png
 ---
 
-![api_demo example>](https://static.rerun.io/fe19c2409c783b87ff9dc6a946fc3289558f7aa7_api_demo1.png)
+<picture>
+  <source media="(max-width: 480px)" srcset="https://static.rerun.io/d41179fb380bc6bdeda950d7d69e3c457ff295e9_api_demo_480w.png">
+  <source media="(max-width: 768px)" srcset="https://static.rerun.io/b1b7fdef3d216cb8be54a2eacc53b1be74656c19_api_demo_768w.png">
+  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/736a6fe99b0b8aec55839749450bf3e6a06b5f41_api_demo_1024w.png">
+  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/0475a55237cba4952d1efd00e2ade19688b075ed_api_demo_1200w.png">
+  <img src="https://static.rerun.io/c081f38ccd71bc8d14a1dddcc5448e44001d4784_api_demo_full.png" alt="API demo example screenshot">
+</picture>
 
 This is a swiss-army-knife example showing the usage of most of the Rerun SDK APIs. The data logged is static and meaningless.
 

examples/python/arkit_scenes/README.md

@@ -2,9 +2,17 @@
 title: ARKit Scenes
 python: https://github.com/rerun-io/rerun/blob/latest/examples/python/arkit_scenes/main.py
 tags: [2D, 3D, depth, mesh, object-detection, pinhole-camera]
+thumbnail: https://static.rerun.io/8b90a80c72b27fad289806b7e5dff0c9ac97e87c_arkit_scenes_480w.png
 ---
 
-![arkit_scenes](https://static.rerun.io/b2874c81d4d716fba07b0fb0893da2a909713ef4_arkitscenes.png)
+<picture>
+  <source media="(max-width: 480px)" srcset="https://static.rerun.io/8b90a80c72b27fad289806b7e5dff0c9ac97e87c_arkit_scenes_480w.png">
+  <source media="(max-width: 768px)" srcset="https://static.rerun.io/4096dbc9d30f098b4b01acd064927d2374ee48f5_arkit_scenes_768w.png">
+  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/2e4b62a595cf409d8bcbe6ded0d4bee3d7c54d16_arkit_scenes_1024w.png">
+  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/9f565fa5205585da989636781fa9acf864a38f51_arkit_scenes_1200w.png">
+  <img src="https://static.rerun.io/fb9ec9e8d965369d39d51b17fc7fc5bae6be10cc_arkit_scenes_full.png" alt="ARKit Scenes screenshot">
+</picture>
+
 
 Visualizes the [ARKit_Scenes dataset](https://github.com/apple/ARKitScenes/) using the Rerun SDK.
 The dataset contains color+depth images, the reconstructed mesh and labeled bounding boxes around furniture.

examples/python/car/README.md

@@ -1,9 +1,17 @@
 ---
 title: Car
 python: https://github.com/rerun-io/rerun/tree/latest/examples/python/car/main.py
+thumbnail: https://static.rerun.io/8a3845b71f90bc36af78978f83e60ddd65e40667_car_480w.png
 ---
 
-![car example>](https://static.rerun.io/aac417f8d8ae17c3f4797209f5987da875ba4842_car1.png)
+<picture>
+  <source media="(max-width: 480px)" srcset="https://static.rerun.io/8a3845b71f90bc36af78978f83e60ddd65e40667_car_480w.png">
+  <source media="(max-width: 768px)" srcset="https://static.rerun.io/79b50dc47c7924546058236a2ad2b121084c0c1c_car_768w.png">
+  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/3b9ce91affb7f4d6e9252fb4d1b2c2bf1e03b373_car_1024w.png">
+  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/a9d3cded24b50d9091d317d9565f19be4954431a_car_1200w.png">
+  <img src="https://static.rerun.io/014857675dfed92c3f6a9492e3291c48a982ac83_car_full.png" alt="Car example screenshot">
+</picture>
+
 
 A very simple 2D car is drawn using OpenCV, and a depth image is simulated and logged as a point cloud.
 

examples/python/clock/README.md

@@ -1,17 +1,18 @@
 ---
 title: Clock
 python: https://github.com/rerun-io/rerun/tree/latest/examples/python/clock/main.py
+rust: https://github.com/rerun-io/rerun/tree/latest/examples/rust/clock/src/main.rs
+thumbnail: https://static.rerun.io/52f791f1bcc092fb4e3cd4d825b6ad361c016220_clock_480w.png
 ---
 
 <picture>
-  <source media="(max-width: 480px)" srcset="https://static.rerun.io/30a2659cb4f9b6ac39c808c3312a3f89b71d040c_clock_480w.png">
-  <source media="(max-width: 768px)" srcset="https://static.rerun.io/acfb95102e353d67d0525e3a3d40fbe7f0ed638f_clock_768w.png">
-  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/7b1b0435cd8de9318c301036853d5c0d190b155f_clock_1024w.png">
-  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/51938f84bdb0df1baa1d72e09f2a1daac6e66d1c_clock_1200w.png">
-  <img src="https://static.rerun.io/4040806d866f246eda1a1434f3a1ab083764eb56_clock_full.png" alt="screenshot of the clock example">
+  <source media="(max-width: 480px)" srcset="https://static.rerun.io/52f791f1bcc092fb4e3cd4d825b6ad361c016220_clock_480w.png">
+  <source media="(max-width: 768px)" srcset="https://static.rerun.io/da94b880624b9f98292bbfb04db1345117c6bb9b_clock_768w.png">
+  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/902c372965665bd044ce5d619fb4e7dd07ccf389_clock_1024w.png">
+  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/e730c5607a1f69315c1ca081e160a4d04fa9ceff_clock_1200w.png">
+  <img src="https://static.rerun.io/05e69dc20c9a28005f1ffe7f0f2ac9eeaa95ba3b_clock_full.png" alt="Clock example screenshot">
 </picture>
 
-
 An example visualizing an analog clock with hour, minute and seconds hands using Rerun Arrow3D primitives.
 
 ```bash

examples/python/depth_guided_stable_diffusion/README.md

@@ -2,9 +2,16 @@
 title: Depth Guided Stable Diffusion
 python: https://github.com/rerun-io/rerun/tree/latest/examples/python/depth_guided_stable_diffusion/main.py
 tags: [2D, depth, huggingface, stable-diffusion, tensor, text]
+thumbnail: https://static.rerun.io/15e7ff64aef69deba8bd036e0018e2bf3c7ef587_depth_guided_stable_diffusion_480w.png
 ---
 
-![stable_diffusion example>](https://static.rerun.io/baa0cc2f1f1c991a7c6823560524cc1c9d6f11f1_stable_diffusion1.png)
+<picture>
+  <source media="(max-width: 480px)" srcset="https://static.rerun.io/15e7ff64aef69deba8bd036e0018e2bf3c7ef587_depth_guided_stable_diffusion_480w.png">
+  <source media="(max-width: 768px)" srcset="https://static.rerun.io/debb9443c5f5ef92585ffa0397d234862362499e_depth_guided_stable_diffusion_768w.png">
+  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/9264886009348b9fc982e277ba4f9873aa7ea5ad_depth_guided_stable_diffusion_1024w.png">
+  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/f10007e65523794d0cf04cede42063bd68d079be_depth_guided_stable_diffusion_1200w.png">
+  <img src="https://static.rerun.io/a85516aba09f72649517891d767e15383ce7f4ea_depth_guided_stable_diffusion_full.png" alt="Depth-guided stable diffusion screeshot">
+</picture>
 
 A more elaborate example running Depth Guided Stable Diffusion 2.0.
 

examples/python/detect_and_track_objects/README.md

@@ -2,9 +2,16 @@
 title: Detect and Track Objects
 python: https://github.com/rerun-io/rerun/tree/latest/examples/python/detect_and_track_objects/main.py
 tags: [2D, huggingface, object-detection, object-tracking, opencv]
+thumbnail: https://static.rerun.io/04a244d056f9cfb2ac496830392916d613902def_detect_and_track_objects_480w.png
 ---
 
-![tracking_hf_opencv example>](https://static.rerun.io/4995d2ec51249accbd287fdaef5debbfe9645a83_tracking_hf_opencv1.png)
+<picture>
+  <source media="(max-width: 480px)" srcset="https://static.rerun.io/04a244d056f9cfb2ac496830392916d613902def_detect_and_track_objects_480w.png">
+  <source media="(max-width: 768px)" srcset="https://static.rerun.io/d9b970d5388bcbaa631b20938a941a19e47f316d_detect_and_track_objects_768w.png">
+  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/3c8f6c4a24ed89f8cad351c25b7b39affa9d48a4_detect_and_track_objects_1024w.png">
+  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/ddfe03d04002ad9ee1b545cdad9eb02eb1e35d9f_detect_and_track_objects_1200w.png">
+  <img src="https://static.rerun.io/27aa9cc1ff7ae05f45193ce6d38dd1ed60f70276_detect_and_track_objects_full.png" alt="Detect and Track Objects example screenshot">
+</picture>
 
 Another more elaborate example applying simple object detection and segmentation on a video using the Huggingface `transformers` library. Tracking across frames is performed using [CSRT](https://arxiv.org/pdf/1611.08461.pdf) from OpenCV.
 

examples/python/dicom_mri/README.md

@@ -2,9 +2,16 @@
 title: Dicom MRI
 python: https://github.com/rerun-io/rerun/tree/latest/examples/python/dicom_mri/main.py
 tags: [tensor, mri, dicom]
+thumbnail: https://static.rerun.io/b8b25dd01e892e6daf5177e6fc05ff5feb19ee8d_dicom_mri_480w.png
 ---
 
-![dicom example>](https://static.rerun.io/86b90a1e2eeb1c6a43fc64b32c7e8b81183063fb_dicom1.png)
+<picture>
+  <source media="(max-width: 480px)" srcset="https://static.rerun.io/b8b25dd01e892e6daf5177e6fc05ff5feb19ee8d_dicom_mri_480w.png">
+  <source media="(max-width: 768px)" srcset="https://static.rerun.io/b12bad7fcfce72261ee50aff4fa3cfd2f28edad1_dicom_mri_768w.png">
+  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/3e54e32841920daa8512219a60dfa95ec100b78a_dicom_mri_1024w.png">
+  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/93f1c2302233cacf03d5dcc3cd3749b3f76dea56_dicom_mri_1200w.png">
+  <img src="https://static.rerun.io/e39f34a1b1ddd101545007f43a61783e1d2e5f8e_dicom_mri_full.png" alt="">
+</picture>
 
 Example using a [DICOM](https://en.wikipedia.org/wiki/DICOM) MRI scan. This demonstrates the flexible tensor slicing capabilities of the Rerun viewer.
 

examples/python/face_tracking/README.md

@@ -2,6 +2,7 @@
 title: Face Tracking
 python: https://github.com/rerun-io/rerun/tree/latest/examples/python/face_tracking/main.py
 tags: [media-pipe, face-tracking, live, camera, 2d, 3d]
+thumbnail: https://static.rerun.io/9f4ecc9d8447375cbad0af17fe2faf8ad2761025_mp_face_480w.png
 ---
 
 <picture>

examples/python/human_pose_tracking/README.md

@@ -2,9 +2,16 @@
 title: Human Pose Tracking
 python: https://github.com/rerun-io/rerun/tree/latest/examples/python/human_pose_tracking/main.py
 tags: [mediapipe, keypoint-detection, 2D, 3D]
+thumbnail: https://static.rerun.io/277b9c72da1d0d0ae9d221f7552dede9c4d5b2fa_human_pose_tracking_480w.png
 ---
 
-![mp_pose example>](https://static.rerun.io/2a4d22e4baeb07dd7b8149fb55bc9954b67825c9_mp_pose1.png)
+<picture>
+  <source media="(max-width: 480px)" srcset="https://static.rerun.io/277b9c72da1d0d0ae9d221f7552dede9c4d5b2fa_human_pose_tracking_480w.png">
+  <source media="(max-width: 768px)" srcset="https://static.rerun.io/fd10603d5f34b2b8c961a01fe98ab37cccc4d1be_human_pose_tracking_768w.png">
+  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/d7bcbe589d71ce25733552237e18919f18cef24a_human_pose_tracking_1024w.png">
+  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/bbf84b7d85dd5fd307fd230527164d77a95b62aa_human_pose_tracking_1200w.png">
+  <img src="https://static.rerun.io/37d47fe7e3476513f9f58c38da515e2cd4a093f9_human_pose_tracking_full.png" alt="">
+</picture>
 
 Use the [MediaPipe](https://google.github.io/mediapipe/) Pose solution to detect and track a human pose in video.
 

examples/python/live_camera_edge_detection/README.md

@@ -2,8 +2,17 @@
 title: Live Camera Edge Detection
 python: https://github.com/rerun-io/rerun/blob/latest/examples/python/live_camera_edge_detection/main.py
 tags: [2D, canny, live, opencv]
+thumbnail: https://static.rerun.io/06752fd08215ecd575219474dd886688c44acea8_live_camera_edge_detection_480w.png
 ---
 
+<picture>
+  <source media="(max-width: 480px)" srcset="https://static.rerun.io/06752fd08215ecd575219474dd886688c44acea8_live_camera_edge_detection_480w.png">
+  <source media="(max-width: 768px)" srcset="https://static.rerun.io/4afa4197db12da550ffdd4d4732d6515390edd29_live_camera_edge_detection_768w.png">
+  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/f3d96a7aab540462642e22dda643900d69272190_live_camera_edge_detection_1024w.png">
+  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/73828c24916815f23e763d3427d9197b00e00fac_live_camera_edge_detection_1200w.png">
+  <img src="https://static.rerun.io/bf877bffd225f6c62cae3b87eecbc8e247abb202_live_camera_edge_detection_full.png" alt="Live Camera Edge Detection example screenshot">
+</picture>
+
 Very simple example of capturing from a live camera.
 
 Runs the opencv canny edge detector on the image stream.

examples/python/minimal/README.md

@@ -2,9 +2,16 @@
 title: Minimal example
 python: https://github.com/rerun-io/rerun/tree/latest/examples/python/minimal/main.py
 rust: https://github.com/rerun-io/rerun/tree/latest/examples/rust/minimal/src/main.rs
+thumbnail: https://static.rerun.io/92a1f80b5cf2cd2c04a10d8ced35849da8f1c0ed_minimal_480w.png
 ---
 
-![minimal example>](https://static.rerun.io/dd31922030a6bf7223d5e3728d8da5407f4d6b1a_minimal.png)
+<picture>
+  <source media="(max-width: 480px)" srcset="https://static.rerun.io/92a1f80b5cf2cd2c04a10d8ced35849da8f1c0ed_minimal_480w.png">
+  <source media="(max-width: 768px)" srcset="https://static.rerun.io/d78037f2306ed02505859adbae9f72d4ab2945d1_minimal_768w.png">
+  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/cf926c580c8ca8b39fd844f6adf4b19972b5111e_minimal_1024w.png">
+  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/8f03efd9e918f43b5e6d9257d0f1a3cb962b3889_minimal_1200w.png">
+  <img src="https://static.rerun.io/0e47ac513ab25d56cf2b493128097d499a07e5e8_minimal_full.png" alt="Minimal example screenshot">
+</picture>
 
 The simplest example of how to use Rerun, showing how to log a point cloud.
 

examples/python/multiprocessing/README.md

@@ -1,8 +1,17 @@
 ---
 title: Multiprocessing
 python: https://github.com/rerun-io/rerun/tree/latest/examples/python/multiprocessing/main.py
+thumbnail: https://static.rerun.io/feec58fbf50abb31487b49d8636a3667598db4c2_multiprocessing_480w.png
 ---
 
+<picture>
+  <source media="(max-width: 480px)" srcset="https://static.rerun.io/feec58fbf50abb31487b49d8636a3667598db4c2_multiprocessing_480w.png">
+  <source media="(max-width: 768px)" srcset="https://static.rerun.io/a5f21ed68c6377048f87e44287bcacaf3fefaa76_multiprocessing_768w.png">
+  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/16aee7ec3b62703d36d255ab42b3ca6bccb56b36_multiprocessing_1024w.png">
+  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/d874e4ed0f7fb83b64fc221ecb70f9ca30bd686e_multiprocessing_1200w.png">
+  <img src="https://static.rerun.io/72bcb7550d84f8e5ed5a39221093239e655f06de_multiprocessing_full.png" alt="">
+</picture>
+
 Demonstrates how rerun can work with the python `multiprocessing` library.
 
 ```bash

examples/python/multithreading/README.md

@@ -1,8 +1,17 @@
 ---
 title: Multithreading
 python: https://github.com/rerun-io/rerun/tree/latest/examples/python/multithreading/main.py
+thumbnail: https://static.rerun.io/2c7e83a9044f62079c9aa56039b96c0b5adec17a_multithreading_480w.png
 ---
 
+<picture>
+  <source media="(max-width: 480px)" srcset="https://static.rerun.io/2c7e83a9044f62079c9aa56039b96c0b5adec17a_multithreading_480w.png">
+  <source media="(max-width: 768px)" srcset="https://static.rerun.io/4c0305774362abbe48cd9fbfa90f0a9e902ed754_multithreading_768w.png">
+  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/f68b6953576211d947100b8a0ecafb8da232396d_multithreading_1024w.png">
+  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/557bdbbe076ab745a68ac87b9ad476befbf794f1_multithreading_1200w.png">
+  <img src="https://static.rerun.io/8521bf95a7ff6004c932e8fb72429683928fbab4_multithreading_full.png" alt="Multithreading example screenshot">
+</picture>
+
 Demonstration of logging to Rerun from multiple threads.
 
 ```bash

examples/python/objectron/README.md

@@ -3,9 +3,16 @@ title: Objectron
 python: https://github.com/rerun-io/rerun/tree/latest/examples/python/objectron/main.py
 rust: https://github.com/rerun-io/rerun/tree/latest/examples/rust/objectron/src/main.rs
 tags: [2D, 3D, object-detection, pinhole-camera]
+thumbnail: https://static.rerun.io/d218170b8f4bfbc38ea5918747e595cff841029e_objectron_480w.png
 ---
 
-![objectron example>](https://static.rerun.io/110824b31a3fe4e23b481d5fe3ed9fef2306027e_objectron1.png)
+<picture>
+  <source media="(max-width: 480px)" srcset="https://static.rerun.io/d218170b8f4bfbc38ea5918747e595cff841029e_objectron_480w.png">
+  <source media="(max-width: 768px)" srcset="https://static.rerun.io/9a55fb96ef37bbecd2267a452cbebd85ca44d929_objectron_768w.png">
+  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/cc35c9685950c8201408a6588eac751df1de2d05_objectron_1024w.png">
+  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/70ebd9b005d5ede8fa70ddab2d0b9d0c28c103ea_objectron_1200w.png">
+  <img src="https://static.rerun.io/8ea3a37e6b4af2e06f8e2ea5e70c1951af67fea8_objectron_full.png" alt="Objectron example screenshot">
+</picture>
 
 Example of using the Rerun SDK to log the [Objectron](https://github.com/google-research-datasets/Objectron) dataset.
 

examples/python/plots/README.md

@@ -1,9 +1,16 @@
 ---
 title: Plots
 python: https://github.com/rerun-io/rerun/tree/latest/examples/python/plots/main.py
+thumbnail: https://static.rerun.io/ca0c72df93d70c79b0e640fb4b7c33cdc0bfe5f4_plots_480w.png
 ---
 
-![plots example>](https://static.rerun.io/e6b4c0086132a0ba39bbacc4ec7b3fdfdde54de3_plots1.png)
+<picture>
+  <source media="(max-width: 480px)" srcset="https://static.rerun.io/ca0c72df93d70c79b0e640fb4b7c33cdc0bfe5f4_plots_480w.png">
+  <source media="(max-width: 768px)" srcset="https://static.rerun.io/0f491dd27f447cf85676aa633b96ac237405a90a_plots_768w.png">
+  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/7878cda563f709666023ec825f9f2619976931dd_plots_1024w.png">
+  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/a9910c443c9387793a852e50619933c1fb3c5aa6_plots_1200w.png">
+  <img src="https://static.rerun.io/c5b91cf0bf2eaf91c71d6cdcd4fe312d4aeac572_plots_full.png" alt="Plots example screenshot">
+</picture>
 
 This example demonstrates how to log simple plots with the Rerun SDK. Charts can be created from 1-dimensional tensors, or from time-varying scalars.
 

examples/python/raw_mesh/README.md

@@ -2,9 +2,16 @@
 title: Raw Mesh
 python: https://github.com/rerun-io/rerun/tree/latest/examples/python/raw_mesh/main.py
 rust: https://github.com/rerun-io/rerun/tree/latest/examples/rust/raw_mesh/src/main.rs
+thumbnail: https://static.rerun.io/d0ffad0d9c317a368181a6f8a1ba81b3aca64e97_raw_mesh_480w.png
 ---
 
-![raw_mesh example>](https://static.rerun.io/b09e56883fb6b62c6128e8de1da9f8bf55957b04_raw_mesh1.png)
+<picture>
+  <source media="(max-width: 480px)" srcset="https://static.rerun.io/d0ffad0d9c317a368181a6f8a1ba81b3aca64e97_raw_mesh_480w.png">
+  <source media="(max-width: 768px)" srcset="https://static.rerun.io/626c53585a932c4018d273b648adafa95949ece0_raw_mesh_768w.png">
+  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/fedafd07c17dda74076b842bb35ba76f5a200860_raw_mesh_1024w.png">
+  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/f2185c0f6b2ec3fd80b3d5958141ce71ad389c9f_raw_mesh_1200w.png">
+  <img src="https://static.rerun.io/64bec98280b07794f7c9617f30ba2c20278601c3_raw_mesh_full.png" alt="Raw Mesh example screenshot">
+</picture>
 
 This example demonstrates how to use the Rerun SDK to log raw 3D meshes (so-called "triangle soups") and their transform hierarchy. Simple material properties are supported.
 

examples/python/rgbd/README.md

@@ -2,9 +2,16 @@
 title: RGBD
 python: https://github.com/rerun-io/rerun/tree/latest/examples/python/rgbd/main.py
 tags: [2D, 3D, depth, nyud, pinhole-camera]
+thumbnail: https://static.rerun.io/f9092d1915455dae9c5c5cabc083748444eae90b_rgbd_480w.png
 ---
 
-![nyud example>](https://static.rerun.io/dc312393543c6ade698a402c5fe4dc8c588cf029_nyud1.png)
+<picture>
+  <source media="(max-width: 480px)" srcset="https://static.rerun.io/f9092d1915455dae9c5c5cabc083748444eae90b_rgbd_480w.png">
+  <source media="(max-width: 768px)" srcset="https://static.rerun.io/4419f124186d33b8bf3abd2c716dd8ba9d1a4c71_rgbd_768w.png">
+  <source media="(max-width: 1024px)" srcset="https://static.rerun.io/33be1fbfb13151123bd6d51b761f1fd40f10586a_rgbd_1024w.png">
+  <source media="(max-width: 1200px)" srcset="https://static.rerun.io/fe92b7ee86ce16c3ee5643a909f1eddbb09f1af7_rgbd_1200w.png">
+  <img src="https://static.rerun.io/4109d29ed52fa0a8f980fcdd0e9673360c76879f_rgbd_full.png" alt="RGBD example screenshot">
+</picture>
 
 Example using an [example dataset](https://cs.nyu.edu/~silberman/datasets/nyu_depth_v2.html) from New York University with RGB and Depth channels.