diff --git a/index.html b/index.html
index 5dada9e..bb664ef 100644
--- a/index.html
+++ b/index.html
@@ -173,9 +173,9 @@ <h2 class="title is-3">Abstract</h2>
                     <!-- <div class="column is-four-fifths"> -->
                         <div class="item">
                             <!-- Your image here -->
-                            <img src="static/images/flow_merged_0.png" alt="Result mobile" />
-                            <img src="static/images/flow_merged_1.png" alt="Result mobile" />
-                            <img src="static/images/flow_merged_2.png" alt="Result mobile" />
+                            <img src="static/images/flow_merged0.png" alt="Result mobile" />
+                            <img src="static/images/flow_merged1.png" alt="Result mobile" />
+                            <img src="static/images/flow_merged2.png" alt="Result mobile" />
                             <h2 class="subtitle">
                                 Examples of parsed screenshot image and local semantics by \textsc{OmniParser}. The inputs to OmniParse are user task and UI screenshot, from which it will produce: 1. parsed screenshot image with bounding boxes and numeric IDs overlayed, and 2. local semantics contains both text extracted and icon description. 
                             </h2>
diff --git a/static/images/flow_merged0.png b/static/images/flow_merged0.png
new file mode 100644
index 0000000..c42e1bc
Binary files /dev/null and b/static/images/flow_merged0.png differ
diff --git a/static/images/flow_merged1.png b/static/images/flow_merged1.png
new file mode 100644
index 0000000..53a1e9b
Binary files /dev/null and b/static/images/flow_merged1.png differ
diff --git a/static/images/flow_merged2.png b/static/images/flow_merged2.png
new file mode 100644
index 0000000..386b103
Binary files /dev/null and b/static/images/flow_merged2.png differ