fix. scrollTop 버튼 수정

layers/components/atoms/Img.vue

@@ -10,25 +10,25 @@ interface Props {
 
 const props = withDefaults(defineProps<Props>(), {
   objectFit: 'contain',
+  alt: 'image',
 })
 
 const imagePaths = computed(() => {
   if (!props.resourcesData?.res_path) return null
 
-  const pcPath =
+  const pc =
     props.resourcesData.res_path.path_pc ?? props.resourcesData.res_path.path_mo
-  const moPath =
+  const mo =
     props.resourcesData.res_path.path_mo ?? props.resourcesData.res_path.path_pc
-
   return {
-    pc: pcPath ? getResolvedHost(pcPath) : '',
-    mo: moPath ? getResolvedHost(moPath) : '',
+    pc: pc ? getResolvedHost(pc) : '',
+    mo: mo ? getResolvedHost(mo) : '',
   }
 })
 </script>
 
 <template>
-  <picture v-if="imagePaths">
+  <picture v-if="imagePaths" ref="pictureRef">
     <source media="(min-width: 1024px)" :srcset="imagePaths.pc" />
     <source media="(max-width: 1023px)" :srcset="imagePaths.mo" />
     <img
@@ -39,24 +39,3 @@ const imagePaths = computed(() => {
     />
   </picture>
 </template>
-
-<style scoped>
-/* 이미지 깨짐 시 보더 및 아이콘 제거 */
-img {
-  border: none;
-  outline: none;
-}
-
-/* 깨진 이미지 아이콘과 alt 텍스트 숨김 */
-img::before,
-img::after {
-  display: none;
-}
-
-/* alt 텍스트 영역 숨김 */
-img[alt] {
-  text-indent: -9999px;
-  overflow: hidden;
-  display: block;
-}
-</style>