.chat-image {
  display: block;
  max-width: min(100%, 480px);
  margin: 8px 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  color: inherit;
  text-decoration: none;
  white-space: normal;
}
.chat-image img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 480px;
  margin: auto;
  object-fit: contain;
  background: rgba(255, 255, 255, .6);
}
.chat-image img[hidden] { display: none; }
.chat-image span { display: block; padding: 8px 10px; font-size: 12px; overflow-wrap: anywhere; }
.chat-image:focus-visible { outline: 3px solid var(--blue); outline-offset: 2px; }