diff --git a/web/components/ui/image-with-caption.tsx b/web/components/ui/image-with-caption.tsx
new file mode 100644
index 0000000..57b7ed9
--- /dev/null
+++ b/web/components/ui/image-with-caption.tsx
@@ -0,0 +1,26 @@
+"use client"
+
+import Image from "next/image"
+
+interface ImageWithCaptionProps {
+  src: string
+  alt: string
+  caption: string
+  width?: number
+  height?: number
+}
+
+export function ImageWithCaption({ src, alt, caption, width = 800, height = 450 }: ImageWithCaptionProps) {
+  return (
+    <figure className="my-4">
+      <Image
+        src={src || "/placeholder.svg"}
+        alt={alt}
+        width={width}
+        height={height}
+        className="rounded-lg shadow-md w-full"
+      />
+      <figcaption className="text-center text-sm text-gray-600 mt-2">{caption}</figcaption>
+    </figure>
+  )
+}
\ No newline at end of file
diff --git a/web/public/disk/assignment-ct.png b/web/public/disk/assignment-ct.png
new file mode 100644
index 0000000..c8ec108
Binary files /dev/null and b/web/public/disk/assignment-ct.png differ
diff --git a/web/public/disk/result-point.png b/web/public/disk/result-point.png
new file mode 100644
index 0000000..7775dac
Binary files /dev/null and b/web/public/disk/result-point.png differ