Update app.py

app.py

@@ -28,6 +28,7 @@ st.markdown(
     .stRadio div,
     .custom-caption-1,
     .custom-caption-2,
+    .custom-caption-3,
     .button-container,
     .stButton button,
     .survey,
@@ -65,6 +66,13 @@ st.markdown(
         margin-top: 10px;
         padding: 0 0 30px 0;
     }
+    .custom-caption-3 {
+        font-size: 30px;
+        # font-weight: bold;
+        text-align: center;
+        margin-top: 10px;
+        padding: 0 0 30px 0;
+    }
     .button-container {
         text-align: center;
         margin-top: 30px;
@@ -127,6 +135,10 @@ st.markdown(
             font-size: 24px;
             padding: 0 0 20px 0;
         }
+        .custom-caption-3 {
+            font-size: 20px;
+            padding: 0 0 20px 0;
+        }
         .stButton button {
             width: 100%;
             font-size: 18px;
@@ -212,16 +224,16 @@ if uploaded_file is not None:
             processed_image = change_hair_to_blonde(image)
             st.image(processed_image, use_column_width=True)
             st.markdown('<div class="custom-caption-2">원본 이미지로 딥페이크를 제작한 경우</div>', unsafe_allow_html=True)
-            st.markdown("<span>이해를 돕기 위해 사진에 노란색을 입히는 딥페이크 알고리즘 적용. 원본 이미지는 딥페이크 알고리즘의 영향을 받음.</span>", unsafe_allow_html=True)
+            st.markdown("<div class="custom-caption-3">이해를 돕기 위해 사진에 노란색을 입히는 딥페이크 알고리즘 적용. 원본 이미지는 딥페이크 알고리즘의 영향을 받음.</div>", unsafe_allow_html=True)
         
         with col2:
             deepfake_image = add_noise(image)
             st.image(deepfake_image, use_column_width=True)
             st.markdown('<div class="custom-caption-2">방지 필터 이미지로 딥페이크를 제작한 경우</div>', unsafe_allow_html=True)
-            st.markdown("<span>사전 방지 필터를 입힌 이미지는 딥페이크 알고리즘의 영향을 받지 않고 노이즈 처리가 되어 알아보기 힘든 사진을 출력. 즉, 딥페이크 사진 합성을 방해함.</span>", unsafe_allow_html=True)
+            st.markdown("<div class="custom-caption-3">사전 방지 필터를 입힌 이미지는 딥페이크 알고리즘의 영향을 받지 않고 노이즈 처리가 되어 알아보기 힘든 사진을 출력. 즉, 딥페이크 사진 합성을 방해함.</div>", unsafe_allow_html=True)
     
-    st.markdown('<p class="survey">위 서비스를 사용해 보셨거나, 저희 기술적 원리에 관심이 있으신 분들께선 아래의 간단한 인터뷰에 참여해 주시면 진심으로 감사드리겠습니다.</p>', unsafe_allow_html=True)
-    st.markdown('<p class="survey-1"><a href="https://docs.google.com/forms/d/e/1FAIpQLSdzRtuvQyp3CQDhlxEag40v2yDM7u9NYpJ2gv5kgwuNbo1gUA/viewform?usp=sf_link" target="_blank" class="a-tag">여기를 클릭하여 인터뷰에 응해 주신다면 큰 도움이 될 것 같습니다!!</a></p>', unsafe_allow_html=True)
-    st.markdown('<p class="survey-2">서비스를 이용해 주셔서 감사합니다! 좋은 하루 보내세요!</p>', unsafe_allow_html=True)
+        st.markdown('<p class="survey">위 서비스를 사용해 보셨거나, 저희 기술적 원리에 관심이 있으신 분들께선 아래의 간단한 인터뷰에 참여해 주시면 진심으로 감사드리겠습니다.</p>', unsafe_allow_html=True)
+        st.markdown('<p class="survey-1"><a href="https://docs.google.com/forms/d/e/1FAIpQLSdzRtuvQyp3CQDhlxEag40v2yDM7u9NYpJ2gv5kgwuNbo1gUA/viewform?usp=sf_link" target="_blank" class="a-tag">여기를 클릭하여 인터뷰에 응해 주신다면 큰 도움이 될 것 같습니다!!</a></p>', unsafe_allow_html=True)
+        st.markdown('<p class="survey-2">서비스를 이용해 주셔서 감사합니다! 좋은 하루 보내세요!</p>', unsafe_allow_html=True)