.question-images {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 4px 0 12px;
}

.question-images img {
  display: block;
  max-width: 100%;
  max-height: 360px;
  object-fit: contain;
  border: 1px solid #e6ebf2;
  border-radius: 8px;
  background: #fff;
  padding: 4px;
}

/* Ưu tiên độ rõ khi trình duyệt phóng các ảnh biển báo/sơ đồ nguồn nhỏ.
   Chỉ thay đổi cách hiển thị, không chỉnh sửa nội dung ảnh gốc. */
.question-images img {
  image-rendering: -webkit-optimize-contrast;
  filter: contrast(1.12) saturate(1.08);
  transform: translateZ(0);
}