amend some style issues

components/ProductCard.vue

@@ -2,7 +2,7 @@
   <div class="c-card">
     <div class="image-container">
       <img v-if="product.image" class="image" :src="product.image" alt="" />
-      <img v-else class="image" :src="`@/assets/img/consumo-default.png`" alt="" />
+      <img v-else class="image" :src="defaultImage" alt="" />
     </div>
     <div class="details-container">
       <p>{{ product.name }}</p>
@@ -26,6 +26,7 @@
 import DOMPurify from 'dompurify'
 import { mapState } from 'pinia'
 import socialShare from '~/utils/socialShare'
+import defaultImage from '@/assets/img/producto-default.png'
 export default {
   props: {
     product: {
@@ -42,6 +43,7 @@ export default {
       active: false,
       modalText: '',
       modalColor: 'info',
+      defaultImage: defaultImage,
     }
   },
   computed: {