.message-image-frame {
  display: block;
  min-width: 180px;
  min-height: 120px;
}

.message-image {
  display: block;
  max-width: min(420px, 60vw);
  max-height: 480px;
  border-radius: 10px;
  object-fit: contain;
  background: #eef2f6;
}

.message-image-frame > span {
  display: none;
  padding: 38px 24px;
  color: var(--muted);
  text-align: center;
}

.message-image-frame.failed .message-image {
  display: none;
}

.message-image-frame.failed > span {
  display: block;
}