Revert container heights to 55%/45%, keep image scaling with constrained proportions

templates/tagger.html

@@ -169,7 +169,7 @@
     <!-- Display current 3 images in preferred layout -->
     {% if current_images|length >= 2 %}
     <!-- Top row: sr_int_full.png and -tr_line.png side by side at 50% width each -->
-    <div style="height: 30%; display: flex;">
+    <div style="height: 55%; display: flex;">
         {% for img in current_images[:2] %}
         {% set img_type = 'sr_int_full' if 'sr_int_full' in img else 'tr_line' %}
         {% set color = '#ff8c00' if img_type == 'sr_int_full' else '#007bff' %}
@@ -185,7 +185,7 @@
 
     <!-- Bottom row: -tr_int_full.png at 100% width -->
     {% if current_images|length >= 3 %}
-    <div style="height: 70%;">
+    <div style="height: 45%;">
         {% set img = current_images[2] %}
         <div class="canvas-container" style="width: 100%; height: 100%; position: relative;">
             <div class="annotation-count" id="count_2">0 annotations</div>