Update app.py

app.py

@@ -192,21 +192,29 @@ BG_URL = "https://plus.unsplash.com/premium_photo-1679830513869-cd3648acb1db?q=8
 
 st.markdown(f"""
 <style>
-/* 본문 위에, 배경 이미지만 담긴 고정 레이어를 올립니다 */
-.stApp::before {{
+/* 0) 이전에 깔아 둔 '전체 배경' 비활성화(있다면) */
+.stApp::before {{ content: none !important; }}
+
+/* 1) 가운데 컬럼(.block-container)만 배경 사용 */
+.block-container {{
+  position: relative;
+  min-height: 100vh;             /* 화면 높이 만큼만(=빨간 박스 높이 느낌) */
+}}
+.block-container::before {{
   content: "";
-  position: fixed; inset: 0;
-  background: url('{BG_URL}') center/cover no-repeat;
-  opacity: .5;                 /* ← 투명도 50% */
-  pointer-events: none;        /* 클릭 막지 않기 */
+  position: absolute; inset: 0;   /* 컬럼 영역에만 덮기 */
+  background: url('{BG_URL}') center / cover no-repeat;
+  opacity: .8;                    /* 투명도 80% */
+  pointer-events: none;
+  border-radius: 0px;            /* 모서리 둥글게(원하면 제거) */
   z-index: 0;
 }}
-/* 컨텐츠는 그 위로 */
-.block-container {{ position: relative; z-index: 1; }}
+/* 2) 실제 콘텐츠가 배경 위에 오도록 */
+.block-container > * {{ position: relative; z-index: 1; }}
 
-/* 모바일(일부 브라우저)에서 고정 배경 이슈 대응 */
+/* 모바일에선 고정 배경 이슈 방지 */
 @media (max-width: 768px){{
-  .stApp::before{{ background-attachment: initial; }}
+  .block-container::before{{ background-attachment: initial; }}
 }}
 </style>
 """, unsafe_allow_html=True)