fixed aspect ratio to 16:9

app.py

@@ -153,7 +153,7 @@ with (gr.Blocks(head=prefer_frontal_cam_html, css=css_image_aspect_ratio) as blo
             b = gr.Button('PRESS TO PREDICT')
             b.click(fn=predict_app, inputs=[im], outputs=gr.Info()) # add eater id to input if needed
 
-        logout_button = gr.Button(link='/logout', value='Logout / Exit ↩', size='sm')
+            logout_button = gr.Button(link='/logout', value='Logout / Exit ↩', size='sm')
 
         with gr.Tab(label='ℹ️ Status', id=2):
             gr.Markdown(' Press the button to see the status of the Application and technical information')

descriptions.py

@@ -8,6 +8,19 @@ navigator.mediaDevices.getUserMedia = (constraints) => {
   }
   return originalGetUserMedia(constraints);
 };
+
+function adjustHeight() {
+    var container = document.getElementById('image-container');
+    if (container) {
+        var width = container.offsetWidth;
+        var height = width * 9 / 16;
+        container.style.height = height + 'px';
+    }
+}
+
+window.addEventListener('resize', adjustHeight);
+window.addEventListener('load', adjustHeight);
+
 </script>
 """