Update app.py

app.py

@@ -37,7 +37,20 @@ st.write("<br><br>", unsafe_allow_html=True) # 2줄 띄어쓰기
 st.markdown('#### 접근성 떨어지는 도시 공원... 카페로 발걸음 돌리는 시민들 ')
 st.write("<br>", unsafe_allow_html=True) # 1줄 띄어쓰기
 # 2문단 첫 번째 사진 삽입
-st.image('photo3.jpg', caption='카페 : 2024.01 기준, 공원 : 2024.05 기준')
+image_path = 'photo3.jpg'
+caption = '기간 : 2006년 전후 18년'
+# HTML과 CSS를 사용하여 이미지 중앙 정렬
+st.markdown(
+    f"""
+    <div style="display: flex; justify-content: center;">
+        <img src="{image_path}" alt="Image" style="width: auto; height: auto;">
+    </div>
+    <div style="text-align: center;">
+        <p>{caption}</p>
+    </div>
+    """,
+    unsafe_allow_html=True
+)
 st.write("<br>", unsafe_allow_html=True) # 1줄 띄어쓰기
 # 2문단 문단1
 st.write('''공공데이터포털에 따르면, 올해 1월 기준 전국에 있는 카페는 약 9만 6천 개에 달한다. 반면 공원 개수는 약 1만 8천 개에 불과하다. 공원이 카페보다 5배 넘게 적다는 건, 그만큼 접근성이 떨어진다는 의미다.
@@ -49,7 +62,21 @@ st.write('''의외의 사실은, 현재 공원 개수가 과거에 비해 상당
 st.write("<br>", unsafe_allow_html=True) # 1줄 띄어쓰기
 # 2문단 두 번째 사진 삽입
 st.write("<br>", unsafe_allow_html=True) # 1줄 띄어쓰기
-st.image('photo4.jpg', caption='기간 : 2006년 전후 18년')
+image_path = 'photo4.jpg'
+caption = '기간 : 2006년 전후 18년'
+
+# HTML과 CSS를 사용하여 이미지 중앙 정렬
+st.markdown(
+    f"""
+    <div style="display: flex; justify-content: center;">
+        <img src="{image_path}" alt="Image" style="width: auto; height: auto;">
+    </div>
+    <div style="text-align: center;">
+        <p>{caption}</p>
+    </div>
+    """,
+    unsafe_allow_html=True
+)
 st.write("<br>", unsafe_allow_html=True) # 1줄 띄어쓰기
 # 2문단 문단2
 st.write('''서울을 기준으로, 법률 시행으로부터 18년이 지난 현재(2005\~2024)의 공원 개수와 법률 시행 전 과거 18년(1987\~2005)의 공원 개수를 비교한 그래프다.