Update styles/custom.css

styles/custom.css

@@ -28,6 +28,8 @@ body {
 #object_image_uploader .gradio-image {
     border-radius: 0.5rem;
     overflow: hidden;
+    position: relative;
+    z-index: 1;  /* 이미지 z-index 낮게 설정 */
 }
 
 #object_image_uploader img {
@@ -38,13 +40,23 @@ body {
     display: block;
 }
 
+/* 기본 이미지 제거 */
+#object_image_uploader .fixed-height:has(> img[alt="사물 이미지 (선택사항)"]) {
+    display: none !important;
+}
+
+/* 이미지 플레이스홀더 텍스트 스타일 */
+#object_image_uploader .image-placeholder {
+    z-index: 0 !important;
+}
+
 /* 라벨 스타일 강화 */
 label[for="object_image_uploader"],
 div:has(> #object_image_uploader) > .block-label {
     position: absolute;
     top: -1.5rem;
     left: 0;
-    z-index: 10;
+    z-index: 20;  /* 레이블 z-index 높게 설정 */
     background-color: white;
     padding: 0 0.5rem;
     font-weight: 600;
@@ -55,6 +67,8 @@ div:has(> #object_image_uploader) > .block-label {
 /* 업로드 영역 위치 조정 */
 #object_image_uploader .svelte-1p4r00y {
     padding-top: 1rem;
+    position: relative;
+    z-index: 10;  /* 업로드 영역 z-index 설정 */
 }
 
 /* 이미지 컨테이너 상단 패딩 추가 */
@@ -68,12 +82,24 @@ div:has(> #object_image_uploader) > .block-label {
     background-color: #e0e7ff;
     color: #4338ca;
     transition: all 0.2s ease;
+    z-index: 30;  /* 버튼 z-index 높게 설정 */
+    position: relative;
 }
 
 #object_image_uploader button:hover {
     background-color: #c7d2fe;
 }
 
+/* 이미지 내 텍스트 오버레이 제거 */
+.fixed-height .overlay,
+.fixed-height .gradio-image {
+    position: relative !important;
+}
+
+.fixed-height .overlay-text {
+    display: none !important;
+}
+
 /* 제목 스타일 */
 h1 {
     font-weight: 700;