Show alt text above image preview (#102)

- reorder the preview layout so the ALT text textarea sits above the image preview
- keep copy and clear actions paired with the ALT text block while maintaining existing functionality

------
[Codex Task](https://chatgpt.com/codex/tasks/task_e_69499456837083259b0139740ee27dc6)

Author: rodrigogiraoserrao

image-alt-text-extractor.html

@@ -155,7 +155,6 @@ <h1>Image Alt Text Extractor</h1>
                 <span class="badge" id="image-info"></span>
             </div>
             <div class="preview-wrapper">
-                <img id="preview" alt="Preview of the pasted image" hidden>
                 <div class="form-group">
                     <label for="alt-text">ALT text found</label>
                     <textarea id="alt-text" class="alt-text-area" placeholder="ALT text will appear here" spellcheck="true"></textarea>
@@ -164,6 +163,7 @@ <h1>Image Alt Text Extractor</h1>
                     <button type="button" id="copy-button">Copy ALT text</button>
                     <button type="button" id="clear-button">Clear</button>
                 </div>
+                <img id="preview" alt="Preview of the pasted image" hidden>
             </div>
         </section>
     </main>