feat.[SWV-806] 템플릿 모션 적용

layers/templates/GrContents01/index.vue

@@ -44,7 +44,7 @@ const buttonListData = computed(() => {
         :resources-data="subTitleData"
         class="title-sm max-w-[944px] mt-2"
       />
-      <div v-if="imgListData" class="img-container">
+      <div v-if="imgListData" v-motion-stagger class="img-container">
         <div v-for="(item, index) in imgListData" :key="index" class="img-item">
           <AtomsImg
             v-if="getResourceSrc(item)"
@@ -71,9 +71,9 @@ const buttonListData = computed(() => {
 
 <style scoped>
 .img-container {
-  @apply flex flex-col items-center justify-center gap-4 box-content mx-auto mt-[32px]
-  w-[440px]
-  md:w-[944px];
+  @apply flex flex-col items-center justify-center gap-4 box-content mx-auto mt-[32px] w-full
+  max-w-[440px]
+  md:max-w-[944px];
 }
 .img-item {
   @apply w-full;