Update index.html

index.html

@@ -718,39 +718,39 @@ <h2 class="title is-3">Promising Capabilities</h2>
           <div id="results-carousel" class="carousel results-carousel">
           <div class="box m-5">
             <div class="content has-text-centered">
-              <img src="static/images/case_study/example_knowledge_1.png" alt="algebraic reasoning" width="95%"/>
-              <p> In this example, the task necessitates knowledge about which district Dublin is located in. </p>
+              <img src="static/images/case_study/examplel_understanding.pdf.svg" alt="algebraic reasoning" width="95%"/>
+              <p> In this case, two critical pieces of information are inadequately captured by the textual history. Firstly, the website automatically set the drop-off date to the same day. Secondly, secondly, the ’No’ button was selected (However it was missed in previous actions due to the button’s lack of text). Nevertheless, the model discerns these details through a meticulous analysis of the screenshot, enabling it to make the correct decision for the next step. </p>
             </div>
           </div>
 
-          <div class="box m-5">
+            <div class="box m-5">
             <div class="content has-text-centered">
-              <img src="static/images/case_study/example_knowledge_2.png" alt="algebraic reasoning" width="95%"/>
-              <p> In this example, the task requires knowledge of the IATA code for Los Cabos International Airport. GPT-4V accurately provides the correct code.
-              </p>
+              <img src="static/images/case_study/example_planning.svg" alt="algebraic reasoning" width="95%"/>
+              <p> In this example, the model generates a comprehensive plan for the task, including subsequent actions on following pages that are not currently visible. </p>
             </div>
           </div>
 
+
           <div class="box m-5">
             <div class="content has-text-centered">
-              <img src="static/images/case_study/example_awareness_error.png" alt="algebraic reasoning" width="95%"/>
-              <p> In this example, the webpage displays an error message indicating an invalid phone number, a consequence of prior actions. The model identifies this error and prioritizes its immediate rectification, foregoing the subsequent planned steps. </p>
+              <img src="static/images/case_study/example_knowledge_2.svg" alt="algebraic reasoning" width="95%"/>
+              <p> In this example, the task requires knowledge of the IATA code for Los Cabos International Airport. GPT-4V accurately provides the correct code.
+              </p>
             </div>
           </div>
 
           <div class="box m-5">
             <div class="content has-text-centered">
-              <img src="static/images/case_study/example_planning.png" alt="algebraic reasoning" width="95%"/>
-              <p> In this example, the model generates a comprehensive plan for the task, including subsequent actions on following pages that are not currently visible. </p>
+              <img src="static/images/case_study/example_awareness_error.svg" alt="algebraic reasoning" width="95%"/>
+              <p> In this example, the webpage displays an error message indicating an invalid phone number, a consequence of prior actions. The model identifies this error and prioritizes its immediate rectification, foregoing the subsequent planned steps. </p>
             </div>
           </div>
 
-          <div class="box m-5">
-            <div class="content has-text-centered">
-              <img src="static/images/case_study/examplel_understanding.pdf.png" alt="algebraic reasoning" width="95%"/>
-              <p> In this case, two critical pieces of information are inadequately captured by the textual history. Firstly, the website automatically set the drop-off date to the same day. Secondly, secondly, the ’No’ button was selected (However it was missed in previous actions due to the button’s lack of text). Nevertheless, the model discerns these details through a meticulous analysis of the screenshot, enabling it to make the correct decision for the next step. </p>
-            </div>
-          </div>
+
+
+
+
+
         </div>
       </div>