changed servoce highlight images

frontend/components/global/ServiceHighlights.vue

@@ -11,22 +11,22 @@ type Highlight = {
 
 const highlights = ref<Highlight[]>([
     {
-        icon: "/img/heymlz/footer-support.svg",
+        icon: "/img/heymlz/footer-support.png",
         title: "خدمات مشتری",
         description: "پشتیبانی استثنایی، راه‌حل‌های پایدار برای شما",
     },
     {
-        icon: "/img/heymlz/footer-send.svg",
+        icon: "/img/heymlz/footer-send.png",
         title: "ارسال سریع و رایگان",
         description: "ارسال رایگان برای سفارش‌های بالای ۱۵۰ دلار",
     },
     {
-        icon: "/img/heymlz/footer-share.svg",
+        icon: "/img/heymlz/footer-share.png",
         title: "معرفی به دوستان",
         description: "ما را به دوستان خود معرفی کنید",
     },
     {
-        icon: "/img/heymlz/footer-security.svg",
+        icon: "/img/heymlz/footer-security.png",
         title: "پرداخت امن",
         description: "پرداخت شما به‌صورت امن پردازش می‌شود",
     },
@@ -40,11 +40,12 @@ const highlights = ref<Highlight[]>([
         >
             <template v-for="(highlight, index) in highlights" :key="index">
                 <div class="flex flex-col-center gap-[.75rem] px-5">
-                    <NuxtImg
-                        :src="highlight.icon"
-                        class="size-[70px] md:size-[90px]"
-                        alt=""
-                    />
+                    <div class="size-[70px] md:size-[100px] flex-center">
+                        <NuxtImg
+                            :src="highlight.icon"
+                            class="w-full scale-150"
+                        />
+                    </div>
 
                     <div class="w-full flex-col-center gap-[.25rem]">
                         <span
@@ -59,11 +60,6 @@ const highlights = ref<Highlight[]>([
                         </p>
                     </div>
                 </div>
-
-                <!--                <div-->
-                <!--                    class="w-[1px] h-[5rem] bg-slate-200"-->
-                <!--                    v-if="index + 1 != highlights.length"-->
-                <!--                />-->
             </template>
         </div>
     </section>