Update app/building_information.py

app/building_information.py

@@ -296,19 +296,21 @@ def display_orientation_diagram():
     
     with col1:
         st.markdown(
-            '<div style="display: flex; justify-content: center; align-items: center; width: 100%; text-align: center;">',
+            '<div style="display: flex; justify-content: center; align-items: center; width: 100%; text-align: center;">'
+            '<img src="images/orientation1.jpg" style="margin: 0 auto; display: block;" width="300">'
+            '</div>',
             unsafe_allow_html=True
         )
-        st.image("images/orientation1.jpg", caption="Building Orientation Angle = 0", width=300, use_column_width=False, output_format="auto")
-        st.markdown('</div>', unsafe_allow_html=True)
+        st.caption("Building Orientation Angle = 0")
     
     with col2:
         st.markdown(
-            '<div style="display: flex; justify-content: center; align-items: center; width: 100%; text-align: center;">',
+            '<div style="display: flex; justify-content: center; align-items: center; width: 100%; text-align: center;">'
+            '<img src="images/orientation2.jpg" style="margin: 0 auto; display: block;" width="300">'
+            '</div>',
             unsafe_allow_html=True
         )
-        st.image("images/orientation2.jpg", caption="Building Orientation Angle = 45", width=300, use_column_width=False, output_format="auto")
-        st.markdown('</div>', unsafe_allow_html=True)
+        st.caption("Building Orientation Angle = 45")
 
 def calculate_volume(floor_area: float, height: float) -> float:
     """