Update app/building_information.py

app/building_information.py

@@ -296,21 +296,19 @@ def display_orientation_diagram():
     
     with col1:
         st.markdown(
-            '<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>',
+            '<div style="display: flex; justify-content: center; align-items: center; width: 100%; text-align: center; margin: 0 auto;">',
             unsafe_allow_html=True
         )
-        st.caption("Building Orientation Angle = 0")
+        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)
     
     with col2:
         st.markdown(
-            '<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>',
+            '<div style="display: flex; justify-content: center; align-items: center; width: 100%; text-align: center; margin: 0 auto;">',
             unsafe_allow_html=True
         )
-        st.caption("Building Orientation Angle = 45")
+        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)
 
 def calculate_volume(floor_area: float, height: float) -> float:
     """