Align scam screenshot card heights

Co-Authored-By: codex <codex@openai.com>

static/styles.css

@@ -159,10 +159,10 @@ textarea:disabled { opacity: .45; background: #f0f5f2; cursor: not-allowed; }
   align-items: start;
 }
 .example-image-card {
-  align-self: start; flex-direction: column; align-items: stretch; padding: 10px; gap: 10px;
+  height: 100%; flex-direction: column; align-items: stretch; padding: 10px; gap: 10px;
 }
 .example-thumb {
-  display: block; width: 100%; height: auto; max-height: 360px; object-fit: contain;
+  display: block; width: 100%; height: 300px; object-fit: contain;
   border: 1px solid var(--line); border-radius: 10px; background: #f5f5f5;
 }
 .example-image-card strong { font-size: 13px; }
@@ -223,7 +223,7 @@ footer { padding: 24px clamp(18px, 5vw, 72px); display: flex; justify-content: s
   .card-title { grid-template-columns: 30px 1fr; }
   .copy-button { grid-column: 2; justify-self: start; }
   .example-grid-images { grid-template-columns: 1fr; }
-  .example-thumb { width: auto; max-width: 100%; max-height: 440px; margin-inline: auto; }
+  .example-thumb { height: 320px; }
   footer { flex-direction: column; }
 }