fix. [디자인 QA] GR_GALLERY_02 배경이미지 위에 dim 적용

layers/components/widgets/Background.vue

@@ -3,13 +3,15 @@ import type { PageDataResourceGroup } from '#layers/types/api/pageData'
 
 interface Props {
   resourcesData: PageDataResourceGroup
-  gradient?: string
   size?: 'contain' | 'cover'
+  gradient?: string
+  dimmed?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  gradient: '',
   size: 'cover',
+  gradient: '',
+  dimmed: false,
 })
 
 const { getCurrentSrc } = useResponsiveSrc()
@@ -59,7 +61,7 @@ defineExpose({
 </script>
 
 <template>
-  <div class="overflow-hidden absolute inset-0 w-full h-full">
+  <div v-if="resPath" class="overflow-hidden absolute inset-0 w-full h-full">
     <!-- 이미지 타입 -->
     <div
       v-if="isTypeImage(resourcesData?.resource_type) && imageSrc"
@@ -81,7 +83,7 @@ defineExpose({
       <source :src="videoSrc" type="video/mp4" />
     </video>
 
-    <!-- 그라디언트 오버레이 -->
-    <div v-if="gradient" :class="gradientClasses" />
+    <i v-if="dimmed" class="absolute inset-0 bg-black/50" />
+    <i v-if="gradient" :class="gradientClasses" />
   </div>
 </template>

layers/templates/GrGallery02/index.vue

@@ -60,7 +60,11 @@ const onArrowClick = (direction, targetIndex) => {
 
 <template>
   <section class="section-standard">
-    <WidgetsBackground v-if="backgroundData" :resources-data="backgroundData" />
+    <WidgetsBackground
+      v-if="backgroundData"
+      :resources-data="backgroundData"
+      dimmed
+    />
     <div class="content-standard px-0">
       <WidgetsMainTitle
         v-if="mainTitleData"