Add Grillo One Wi-Fi setup screenshots

docs/hardware/grillo-one/setup.md

@@ -38,7 +38,12 @@ With no Ethernet link and no Wi-Fi details saved, Grillo One starts its own setu
 4. Under **WiFi Configuration**, choose your network from the list or type its name.
 5. Enter the Wi-Fi password and select **Connect**.
 
-The sensor saves the details, restarts, and joins your network. The `GrilloOne-XXXX` network disappears. From then on it reconnects to the same Wi-Fi network by itself every time it starts.
+<div className="docs-screenshot-pair">
+  <img src="/img/screenshots/one-wifi-setup.png" alt="The Grillo One WiFi Configuration page on a phone, listing nearby networks with fields for the network name and password" width="300" />
+  <img src="/img/screenshots/one-wifi-configured.png" alt="The Grillo One setup page confirming WiFi configured, and that the device will restart and connect to the chosen network" width="300" />
+</div>
+
+The page confirms **WiFi configured!** The sensor saves the details, restarts, and joins your network. The `GrilloOne-XXXX` network disappears. From then on it reconnects to the same Wi-Fi network by itself every time it starts.
 
 If you plug in an Ethernet cable while the setup network is running, the sensor switches to Ethernet and skips Wi-Fi setup.
 

src/css/custom.css

@@ -676,3 +676,17 @@ pre {
     animation-duration: 0ms !important;
   }
 }
+
+.docs-screenshot-pair {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  gap: 16px;
+  margin: 8px 0 24px;
+}
+
+.docs-screenshot-pair img {
+  max-width: 100%;
+  height: auto;
+  border: 1px solid var(--border-hairline);
+}