diff --git a/index.html b/index.html
index e8a4a98..c96258e 100644
--- a/index.html
+++ b/index.html
@@ -146,7 +146,7 @@ <h1 class="title is-1 publication-title">Inversion-Free Image Editing <br> with
                         </br>
                             <span class="link-block">
                                 <a href="https://github.com/sled-group/InfEdit/tree/website" class="external-link button is-normal is-rounded is-dark">
-                                    <span>User Guideline & Handbook</span>
+                                    <span>User Handbook (Under Construction)</span>
                                   </a>
                                 </span>
                         </div>
@@ -258,10 +258,10 @@ <h1 class="title is-1 publication-title">Inversion-Free Image Editing <br> with
                             </p>
                         </div>
                     </div>
-                    <div class="column">
+                <div class="column">
                         <div class="content">
                             <div class="tab_container">
-                                <div id="juxtapose-embed1" data-startingposition="30%" data-animate="true" class="juxtapose">
+                                <div id="juxtapose-embed2" data-startingposition="30%" data-animate="true" class="juxtapose">
                                     <div class="jx-slider">
                                         <div class="jx-handle " style="left: 54.53%;">
                                             <div class="jx-arrow jx-left"></div>
@@ -270,10 +270,9 @@ <h1 class="title is-1 publication-title">Inversion-Free Image Editing <br> with
                                             </div>
                                             <div class="jx-arrow jx-right"></div>
                                         </div>
-                                        <div class="jx-image jx-left " style="width: 54.53%;">
-                                            <img src="./image_assets/teaser/511000000002.jpg" alt="" data-label="Source">
+                                        <div class="jx-image jx-left " style="width: 54.53%;"><img src="./image_assets/teaser/924000000001.jpg" alt="" data-label="Source">
                                         </div>
-                                        <div class="jx-image jx-right " style="width: 45.47%;"><img src="./image_assets/teaser/511000000002infedit.png" alt="" data-label="InfEdit">
+                                        <div class="jx-image jx-right " style="width: 45.47%;"><img src="./image_assets/teaser/924000000001InfEdit.jpg" alt="" data-label="InfEdit">
                                         </div>
                                     </div>
                                 </div>
@@ -281,7 +280,7 @@ <h1 class="title is-1 publication-title">Inversion-Free Image Editing <br> with
                         </div>
                         <div class="has-text-justified">
                             <p style="text-align: center;">
-                                A light brown bear <br><s>sitting</s> <strong style="font-size: larger;">standing</strong> on the ground
+                            <strong style="font-size: larger;">[+Oil painting of]</strong> a lake with mountains in the background
                             </p>
                         </div>
                     </div>
@@ -328,9 +327,9 @@ <h1 class="title is-1 publication-title">Inversion-Free Image Editing <br> with
                                             <div class="jx-arrow jx-right"></div>
                                         </div>
                                         <div class="jx-image jx-left " style="width: 54.53%;">
-                                            <img src="./image_assets/teaser/osu.png" alt="" data-label="Source">
+                                            <img src="./image_assets/teaser/812000000000.jpg" alt="" data-label="Source">
                                         </div>
-                                        <div class="jx-image jx-right " style="width: 45.47%;"><img src="./image_assets/teaser/osu2umich.png" alt="" data-label="InfEdit">
+                                        <div class="jx-image jx-right " style="width: 45.47%;"><img src="./image_assets/teaser/812000000000InfEdit.jpg" alt="" data-label="InfEdit">
                                         </div>
                                     </div>
                                 </div>
@@ -338,14 +337,14 @@ <h1 class="title is-1 publication-title">Inversion-Free Image Editing <br> with
                         </div>
                         <div class="has-text-justified">
                             <p style="text-align: center;">
-                                A football with <s>OSU</s> <strong style="font-size: larger;">UMich</strong> logo
+                                A man in a white shirt standing in front of <s>trees</s> <strong style="font-size: larger;">mountains</strong>
                             </p>
                         </div>
                     </div>
-                    <div class="column">
+                                    <div class="column">
                         <div class="content">
                             <div class="tab_container">
-                                <div id="juxtapose-embed2" data-startingposition="30%" data-animate="true" class="juxtapose">
+                                <div id="juxtapose-embed1" data-startingposition="30%" data-animate="true" class="juxtapose">
                                     <div class="jx-slider">
                                         <div class="jx-handle " style="left: 54.53%;">
                                             <div class="jx-arrow jx-left"></div>
@@ -354,9 +353,10 @@ <h1 class="title is-1 publication-title">Inversion-Free Image Editing <br> with
                                             </div>
                                             <div class="jx-arrow jx-right"></div>
                                         </div>
-                                        <div class="jx-image jx-left " style="width: 54.53%;"><img src="./image_assets/teaser/924000000001.jpg" alt="" data-label="Source">
+                                        <div class="jx-image jx-left " style="width: 54.53%;">
+                                            <img src="./image_assets/teaser/511000000002.jpg" alt="" data-label="Source">
                                         </div>
-                                        <div class="jx-image jx-right " style="width: 45.47%;"><img src="./image_assets/teaser/924000000001InfEdit.jpg" alt="" data-label="InfEdit">
+                                        <div class="jx-image jx-right " style="width: 45.47%;"><img src="./image_assets/teaser/511000000002infedit.png" alt="" data-label="InfEdit">
                                         </div>
                                     </div>
                                 </div>
@@ -364,7 +364,7 @@ <h1 class="title is-1 publication-title">Inversion-Free Image Editing <br> with
                         </div>
                         <div class="has-text-justified">
                             <p style="text-align: center;">
-                            <strong style="font-size: larger;">[+Oil painting of]</strong> a lake with mountains in the background
+                                A light brown bear <br><s>sitting</s> <strong style="font-size: larger;">standing</strong> on the ground
                             </p>
                         </div>
                     </div>
@@ -411,9 +411,9 @@ <h1 class="title is-1 publication-title">Inversion-Free Image Editing <br> with
                                             <div class="jx-arrow jx-right"></div>
                                         </div>
                                         <div class="jx-image jx-left " style="width: 54.53%;">
-                                            <img src="./image_assets/teaser/812000000000.jpg" alt="" data-label="Source">
+                                            <img src="./image_assets/teaser/osu.png" alt="" data-label="Source">
                                         </div>
-                                        <div class="jx-image jx-right " style="width: 45.47%;"><img src="./image_assets/teaser/812000000000InfEdit.jpg" alt="" data-label="InfEdit">
+                                        <div class="jx-image jx-right " style="width: 45.47%;"><img src="./image_assets/teaser/osu2umich.png" alt="" data-label="InfEdit">
                                         </div>
                                     </div>
                                 </div>
@@ -421,7 +421,7 @@ <h1 class="title is-1 publication-title">Inversion-Free Image Editing <br> with
                         </div>
                         <div class="has-text-justified">
                             <p style="text-align: center;">
-                                A man in a white shirt standing in front of <s>trees</s> <strong style="font-size: larger;">mountains</strong>
+                                A football with <s>OSU</s> <strong style="font-size: larger;">UMich</strong> logo
                             </p>
                         </div>
                     </div>