Show places on the Plaza page, and refresh the shots

app/globals.css

@@ -244,6 +244,17 @@
   gap: 1rem;
   margin: 1.25rem 0;
 }
+/* Plaza has four panels where the signer has three. Four across is too narrow
+   to read on a laptop, so they go two-by-two until the viewport can hold a row
+   of four, and the shared three-column rule above is left alone. */
+.zn-shots-four {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+@media (min-width: 1100px) {
+  .zn-shots-four {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
 .zn-shots img {
   width: 100%;
   height: auto;

content/plaza.mdx

@@ -18,10 +18,11 @@ and reconciles with relays behind you.
 
 ## What it looks like
 
-<div className="zn-shots">
+<div className="zn-shots zn-shots-four">
   <img src="/plaza/panel-feed.jpg" alt="The feed is a local query: it renders from disk, so it is there before the network is" />
   <img src="/plaza/panel-profile.jpg" alt="Everyone resolved: names, faces and verification, straight from the local store" />
   <img src="/plaza/panel-thread.jpg" alt="Conversations in full: replies nest where they belong, reconciled in the background" />
+  <img src="/plaza/panel-places.jpg" alt="Places you enter: a link opens somebody else's relays and people, and yours stay where they are" />
 </div>
 
 <p className="zn-shot-note">