update instruction

templates/final.html

@@ -16,7 +16,7 @@
             <img src="{{ url_for('static', filename='images/FACTORYAI-FINAL-SQUARE-16-AUG-2023.png') }}" alt="FactoryAI" class="squared-full shadow-sm">
             -->
             <!-- Logo 2 -->
-            <img src="{{ url_for('static', filename='images/logo_black.png') }}" alt="KrongAI" class="squared-full shadow-sm" height="120cqh">
+            <img src="{{ url_for('static', filename='images/logo_black.png') }}" alt="KrongAI" class="squared-full shadow-sm" height="130cqh">
         </div>
 
         <!-- Middle Section: Title -->

templates/index.html

@@ -16,7 +16,7 @@
             <img src="{{ url_for('static', filename='images/FACTORYAI-FINAL-SQUARE-16-AUG-2023.png') }}" alt="FactoryAI" class="squared-full shadow-sm">
             -->
             <!-- Logo 2 -->
-            <img src="{{ url_for('static', filename='images/logo_black.png') }}" alt="KrongAI" class="squared-full shadow-sm" height="120cqh">
+            <img src="{{ url_for('static', filename='images/logo_black.png') }}" alt="KrongAI" class="squared-full shadow-sm" height="130cqh">
         </div>
 
         <!-- Middle Section: Title -->

templates/tagger.html

@@ -51,7 +51,7 @@
             <img src="{{ url_for('static', filename='images/FACTORYAI-FINAL-SQUARE-16-AUG-2023.png') }}" alt="FactoryAI" class="squared-full shadow-sm">
             -->
             <!-- Logo 2 -->
-            <img src="{{ url_for('static', filename='images/logo_black.png') }}" alt="KrongAI" class="squared-full shadow-sm" height="120cqh">
+            <img src="{{ url_for('static', filename='images/logo_black.png') }}" alt="KrongAI" class="squared-full shadow-sm" height="130cqh">
         </div>
 
         <!-- Middle Section: Title -->
@@ -59,11 +59,8 @@
             <h1 class="text-3xl sm:text-4xl font-bold text-gray-800 leading-tight">
                 🇰🇭 By Cambodian, for the development of AI 🇰🇭
             </h1>
-            <h3>One annotation takes 2 steps:</h3>
-            <ol>
-              <li>Create bounding box by click and hold on your image</li>
-              <li>Enter label for the bounding box</li>
-            </ol>
+            <h3>One annotation takes 2 steps: 1) Create bounding box by click and drag on your image, and 2) Enter label for the bounding box</h3>
+            <h4>Move to next image by clicking on ✅</h4>
         </div>
 
         <!-- Right Section: Placeholder (can be used for user avatar/menu later) -->