diff --git a/assets/json/data.json b/assets/json/data.json
index 10b4269..b18fa16 100644
--- a/assets/json/data.json
+++ b/assets/json/data.json
@@ -1,133 +1,133 @@
 {
   "tarot": [
     {
-      "image": "/assets/images/cards/the-fool.jpg",
+      "image": "/assets/images/cards/the-fool.webp",
       "alias": "THE FOOL",
       "name": "เทพแห่งความสําราญ",
       "info": "เทพแห่งความสําราญ เป็นไพ่ที่พูดถึง การเดินทางการเผชิญ โชค จะมีการเปลี่ยนแปลง หรือ เริ่มต้น เช่น การเดินทาง การท่อง เทียว การพักผ่อน"
     },
     {
-      "image": "/assets/images/cards/the-magician.png",
+      "image": "/assets/images/cards/the-magician.webp",
       "alias": "THE MAGICIAN",
       "name": "เทพแห่งการสื่อสารและมายากล",
       "info": "่เทพแห่งการสื่อสารและมายากล เป็นไพ่ที่พูดถึง การเจรจาการค้า การศึกษา ความฉลาดหลักแหลม การติดต่อสื่อสาร การเริ่มต้นครั้งใหม่ที่สําคัญ โดยใช้ ความชานาญเชี่ยวชาญ มีโอกาสที่จะประสบความสําเร็จสูง"
     },
     {
-      "image": "/assets/images/cards/the-high-priestess.png",
+      "image": "/assets/images/cards/the-high-priestess.webp",
       "alias": "THE HIGH PRIESTESS",
       "name": "เทพีแห่งยมโลก",
       "info": "เทพีแห่งยมโลก เป็นไพ่ที่พูดถึง ความสวยงาม ความมีเสน่ห์ อ่อนไหวง่าย เพ้อฝัน สถานการณ์ที่สับสนวุ่นวาย ลางสังหรณ์ จิตใต้สํานึก การเก็บกดทางอารมณ์ หรือ ศาสตร์ลึกลับที่เข้ามามีบทบาทในช่วงระยะเวลานี้"
     },
     {
-      "image": "/assets/images/cards/the-empress.jpg",
+      "image": "/assets/images/cards/the-empress.webp",
       "alias": "THE EMPRESS",
       "name": "เทพีจักรพรรดินี",
       "info": "เทพีจักรพรรดินี เป็นไพ่ที่พูดถึง ความรัก ครอบครัว การมีความ สุขในชีวิตสมรส ความรัก การแต่งงาน การตั้งครรภ์ การให้กําเนิด ครอบครัวมีความสุข สะดวกสบาย ความมีชื่อเสียง เกียรติยศ มี ฐานะร่ํารวย"
     },
     {
-      "image": "/assets/images/cards/the-emperror.jpg",
+      "image": "/assets/images/cards/the-emperror.webp",
       "alias": "THE EMPERROR",
       "name": "เทพจักรพรรดิ",
       "info": "เทพจักรพรรดิ เป็นไพ่ที่พูดถึง ความเป็นผู้นํา ความเข้มแข็ง อํานาจ ชัยชนะ การเป็นผู้นํา อํานาจ ความเข้มแข็ง ความสําเร็จ การมีตําแหน่งฐานะความรับผิดชอบสูง ความมั่นคง"
     },
     {
-      "image": "/assets/images/cards/the-hierophant.jpg",
+      "image": "/assets/images/cards/the-hierophant.webp",
       "alias": "THE HIEROPHANT",
       "name": "เทพแห่งความเมตตา",
       "info": "เทพแห่งความเมตตา เป็นไพ่ที่พูดถึง ความมั่นคง หนักแน่น ประเพณีดีงาม ความสงบสุข เป็นไพ่ที่ปกป้องคุ้มครองดวงชะตาให้ แคล้วคลาดปลอดภัย จากภัยอันตรายหรือความทุกข์ทั้งปวง คือจะ มีคนช่วยเหลือ"
     },
     {
-      "image": "/assets/images/cards/the-lovers.jpg",
+      "image": "/assets/images/cards/the-lovers.webp",
       "alias": "THE LOVERS",
       "name": "เทพแห่งความรัก",
       "info": "เทพแห่งความรัก เป็นไพ่ที่พูดถึง ความสุขสดชื่นในเรื่องความ รัก และกามารมณ์ ความรัก การแต่งงาน มิตรภาพ ความปรองดอง การมีเพศ สัมพันธ์ การชิงสุขก่อนห่าม มีเรื่องชู้สาว รักสามเส้าความมีเสน่ห"
     },
     {
-      "image": "/assets/images/cards/the-chariot.jpg",
+      "image": "/assets/images/cards/the-chariot.webp",
       "alias": "THE CHARIOT",
       "name": "เทพแห่งสงคราม",
       "info": "เทพแห่งสงคราม เป็นไพ่ที่พูดถึง ความแปรปรวนทางอารมณ์ และจิตใจ ยานพาหนะ ปัญหาต่าง ๆ จะเข้ามา จึงต้องใช้ความ พยายามในการต่อสู้ อย่างมาก"
     },
     {
-      "image": "/assets/images/cards/the-strength.jpg",
+      "image": "/assets/images/cards/the-strength.webp",
       "alias": "THE STRENGTH",
       "name": "หญิงสาวผู้แข็งแกร่ง",
       "info": "หญิงสาวผู้แข่งแกร่ง เป็นไพ่ที่พูดถึง ความสง่างาม มีความน่าเกรงขาม องอาจ ผ่าเผย ผู้หญิงที่เข้มแข็ง สามารถพึ่งพาตนเองได้ การใช้สติปัญญา ความสุขุม ความกล้าหาญ เพื่อเอาชนะอุปสรรค์ต่าง ๆ การควบคุมอารมณ์และจิตใจของตนเอง"
     },
     {
-      "image": "/assets/images/cards/the-hermit.jpg",
+      "image": "/assets/images/cards/the-hermit.webp",
       "alias": "THE HERMIT",
       "name": "เทพผู้สันโดษ",
       "info": "เทพผู้สันโดษ เป็นไพ่ที่พูดถึง ความรักสงบ ละเอียด รอบคอบ การค้นคว้า การตัดขาดจากโลกภายนอก หรือห่างไกลจากเพื่อนฝูง การอยู่ใน สภาวะโดดเดี่ยวตามลําพัง การทําให้จิตใจสงบ ปราศจากความวุ่นวาย"
     },
     {
-      "image": "/assets/images/cards/wheel-of-fortune.jpg",
+      "image": "/assets/images/cards/wheel-of-fortune.webp",
       "alias": "WHEEL OF FORTUNE",
       "name": "เทพีแห่งพรหมลิขิต",
       "info": "เทพีแห่งพรหมลิขิต เป็นไพ่ที่พูดถึง ความทะเยอทะยาน ความก้าวหน้า การเจริญเติบโต การขึ้นลงเปลี่ยนแปลงโชคชะตา การเปลี่ยนแปลงไปสู่ การเริ่มต้นสิ่งใหม่ ๆ ควรเร่งลงมือกระทําสิ่งที่วาดฝันไว้"
     },
     {
-      "image": "/assets/images/cards/justice.png",
+      "image": "/assets/images/cards/justice.webp",
       "alias": "JUSTICE",
       "name": "เทพีแห่งความยุติธรรม",
       "info": "เทพีแห่งความยุติธรรม เป็นไพ่ที่พูดถึง ความเที่ยงตรง ความเสมอภาค 1 ความยุติธรรม การใช้เหตุผล สติปัญญา การตัดสินใจเพื่อแก้ปัญหา การ ตกอยู่ในสถานการณ์ที่ต้องตัดสินใจ"
     },
     {
-      "image": "/assets/images/cards/the-hanged-man.jpg",
+      "image": "/assets/images/cards/the-hanged-man.webp",
       "alias": "THE HANGED MAN",
       "name": "เทพแห่งการบูชายัญ",
       "info": "เทพแห่งการบูชายัญ เป็นไพ่ที่พูดถึง ความเพ้อฝัน ความสูญเสีย ล้มละลาย เวทมนตร์คาถา การตกอยู่ในสภาวะที่ยากลําบากหรือหาหนทางก้าวหน้า ไม่ได้ การรอคอยและการอดทนจึงเป็นคําตอบที่ดีที่สุด การเสียสละบางอย่างเพื่อให้เกิดความเจริญก้าวหน้า"
     },
     {
-      "image": "/assets/images/cards/death.jpg",
+      "image": "/assets/images/cards/death.webp",
       "alias": "DEATH",
       "name": "เทพแห่งความตาย",
       "info": "เทพแห่งความตาย เป็นไพ่ที่พูดถึง ความลึกลับ การตับสูญ การสูญเสีย สัญชาตญาณ การสิ้นสุดของบางสิ่ง และจะเกิดการเริ่มต้นกับสิ่งใหม่ แต่ ก่อให้เกิดความตึงเครียดกับความยากลําบากในการ ปรับตัว การสูญเสียของรัก ความผิดหวัง"
     },
     {
-      "image": "/assets/images/cards/temperance.jpg",
+      "image": "/assets/images/cards/temperance.webp",
       "alias": "TEMPERANCE",
       "name": "เทพีแห่งสายรุ้ง/ความเปลี่ยนแปลง",
       "info": "เทพีแห่งสายรุ้ง/ความเปลี่ยนแปลง เป็นไพ่ที่พูดถึง การผจญภัย การท่องเที่ยว การเปลี่ยนแปลง รักอิสระ การโยกย้าย เปลี่ยนแปลง เช่น ย้ายที่ทํางาน ย้ายบ้าน ช่วงระยะเวลาที่ยุ่งยากจึงต้องปรับสภาพตนเองให้เกิดความ กลมกลืนหรือ คลี่คลายสถานการณ์ไปในทางที่ดี"
     },
     {
-      "image": "/assets/images/cards/the-devil.jpg",
+      "image": "/assets/images/cards/the-devil.webp",
       "alias": "THE DEVIL",
       "name": "เทพแห่งอบายมุข",
       "info": "เทพแห่งอบายมุข เป็นไพ่ที่พูดถึง การต่อสู้ แต่โลภมาก ชอบการพนัน การเอาเปรียบ การลุ่มหลงอยู่กับอบายมุข การพนัน สิ่งเสพย์ติด กามโลกีย์การเห็นผิดเป็นชอบ การยึดติดกับวัตถุ จนสามารถกระทําได้ทุกอย่างเพื่อให้ได้ตามที่ปรารถนา แม้ว่าจะผิดก็ตาม"
     },
     {
-      "image": "/assets/images/cards/the-tower.jpg",
+      "image": "/assets/images/cards/the-tower.webp",
       "alias": "THE TOWER",
       "name": "ตึกพังทลาย",
       "info": "ตึกพังทลาย เป็นไพ่ที่พูดถึง การทะเลาะวิวาท อุบัติเหตุ บาดเจ็บ หุนหันพลันแล่น การล้มละลาย การสูญเสีย การทะเลาะวิวาท เรื่องตื่นเต้น ตกใจ การเกิดภัยพิบัติ การเข้าโรงพยาบาลอย่างฉุกเฉิน"
     },
     {
-      "image": "/assets/images/cards/the-star.jpg",
+      "image": "/assets/images/cards/the-star.webp",
       "alias": "THE STAR",
       "name": "เทพีแห่งน้ำ",
       "info": "เทพีแห่งน้ำ เป็นไพ่ที่พูดถึง ความหวัง การพักฟื้น ความสุข ความสงบราบรื่น ความสมหวัง แรงบันดาลใจ ความจริงและข้อสงสัยที่ถูก เปิดเผย ปัญหาที่เกิดขึ้นได้รับการแก้ไขด้วยดี การได้รับข่าวดี"
     },
     {
-      "image": "/assets/images/cards/the-moon.jpg",
+      "image": "/assets/images/cards/the-moon.webp",
       "alias": "THE MOON",
       "name": "เทพีแห่งแสงเดือน",
       "info": "เทพีแห่งแสงเดือน เป็นไพ่ที่พูดถึง ความขัดแย้ง ความสับสน ความขลาดกลัว การปิดบังซ่อนเร้น หลุมพราง เล่ห์เหลี่ยม การหักหลัง ความขัดแย้ง ความแปรปรวน ความสับสน เปล่าเปลียว ความโศกเศร้า วิตกกังวล"
     },
     {
-      "image": "/assets/images/cards/the-sun.png",
+      "image": "/assets/images/cards/the-sun.webp",
       "alias": "THE SUN",
       "name": "เทพแห่งความสว่าง",
       "info": "เทพแห่งความสว่าง เป็นไพ่ที่พูดถึง ความเจริญรุ่งเรือง ชื่อเสียง เกียรติยศ ลาภลอย ความสําเร็จ ความรุ่งโรจน์ ความเจริญรุ่งเรือง ความก้าว หน้า ความสนุกสนาน ความอุดมสมบูรณ์ ชื่อเสียง เกียรติยศ มีโชคลาภ"
     },
     {
-      "image": "/assets/images/cards/judgement.jpg",
+      "image": "/assets/images/cards/judgement.webp",
       "alias": "JUDGEMENT",
       "name": "วันแห่งการพิพากษา",
       "info": "วันแห่งการพิพากษา เป็นไพ่ที่พูดถึง การพัฒนา การบํารุงรักษา ปรับปรุงไปในทางที่ดีขึ้น การฟื้นคืนชีพจากสถานการณ์ที่ตกต่ําไป สู่สภาพที่ดีขึ้น กว่าเดิม การตื่นขึ้นจากการหลงผิด และได้กลับตัว กลับใจ มาเป็นคนดีมีคุณธรรม การได้ข่าวดีจากสิ่งที่ทําลงไป"
     },
     {
-      "image": "/assets/images/cards/the-world.png",
+      "image": "/assets/images/cards/the-world.webp",
       "alias": "THE WORLD",
       "name": "เทพีผู้สร้างโลก",
       "info": "่เทพีผู้สร้างโลก เป็นไพ่ที่พูดถึง ความสําเร็จ หลักฐานที่มั่นคง โชคลาภ ความสําเร็จเสร็จสิ้นอย่างสมบูรณ์แบบ ความสมหวัง ความสงบสุข มีคนคอยสนับสนุนช่วยเหลือ"
diff --git a/components/AuthDialog.vue b/components/AuthDialog.vue
index d86e7cb..3421bbf 100644
--- a/components/AuthDialog.vue
+++ b/components/AuthDialog.vue
@@ -145,13 +145,12 @@ defineProps({
           href="https://accounts.google.com/"
           target="_blank"
         >
-          <NuxtImg
+          <img
             class="rounded-full"
-            src="/assets/icons/google.png"
+            src="/assets/icons/google.webp"
             alt="เข้าสู่ระบบด้วย Google"
             width="40px"
-            format="svg"
-            preload
+            height="40px"
           />
         </NuxtLink>
         <NuxtLink
@@ -159,13 +158,12 @@ defineProps({
           href="https://www.facebook.com/login.php/"
           target="_blank"
         >
-          <NuxtImg
+          <img
             class="rounded-full"
-            src="/assets/icons/facebook.png"
+            src="/assets/icons/facebook.webp"
             alt="เข้าสู่ระบบด้วย Facebook"
             width="40px"
-            format="svg"
-            preload
+            height="40px"
           />
         </NuxtLink>
         <NuxtLink
@@ -173,13 +171,12 @@ defineProps({
           href="https://access.line.me/oauth2/v2.1/login?returnUri=%2Foauth2%2Fv2.1%2Fauthorize%2Fconsent&   loginChannelId=1521958360&loginState=CLn4LYQoulJIgLFHIw15nw#/"
           target="_blank"
         >
-          <NuxtImg
+          <img
             class="rounded-full"
-            src="/assets/icons/line.png"
+            src="/assets/icons/line.webp"
             alt="เข้าสู่ระบบด้วย Line"
             width="40px"
-            format="svg"
-            preload
+            height="40px"
           />
         </NuxtLink>
       </div>
diff --git a/components/Card/Result.vue b/components/Card/Result.vue
index 19b72c9..7ae8366 100644
--- a/components/Card/Result.vue
+++ b/components/Card/Result.vue
@@ -29,7 +29,7 @@ defineProps({
 
 <template>
   <div
-    class="card mb-8 overflow-hidden rounded-badge bg-blackcurrant shadow-xl before:absolute before:left-0 before:top-0 before:block before:size-full before:bg-[url('/favicon.svg')] before:bg-[length:100px_100px] before:bg-[50px_50px] before:bg-repeat before:opacity-5 before:content-['']"
+    class="card mb-8 overflow-hidden rounded-badge bg-blackcurrant shadow-xl before:absolute before:left-0 before:top-0 before:block before:size-full before:bg-[url('/favicon.ico')] before:bg-[length:100px_100px] before:bg-[50px_50px] before:bg-repeat before:opacity-5 before:content-['']"
   >
     <div class="card-body relative">
       <CardTarot
diff --git a/components/Card/Tarot.vue b/components/Card/Tarot.vue
index 6cd32cf..80246df 100644
--- a/components/Card/Tarot.vue
+++ b/components/Card/Tarot.vue
@@ -14,7 +14,7 @@ defineProps({
   },
   icon: {
     type: String,
-    default: "/favicon.svg",
+    default: "/favicon.ico",
   },
   alt: {
     type: String,
@@ -45,8 +45,6 @@ defineProps({
     default: null,
   },
 });
-
-const img = useImage();
 </script>
 
 <template>
@@ -63,9 +61,7 @@ const img = useImage();
             : null
       "
       :style="
-        flip && image
-          ? 'background-image: url(\'' + img(image, { format: 'webp' }) + '\');'
-          : null
+        flip && image ? 'background-image: url(\'' + image + '\');' : null
       "
     >
       <div
@@ -78,15 +74,13 @@ const img = useImage();
         v-if="!flip"
         class="m-auto flex items-center justify-center rounded-full border-8 border-blue-chalk bg-blue-chalk"
       >
-        <NuxtImg
+        <img
           v-if="!iAssets"
           :class="assetsClass"
           :src="icon"
           :alt="alt"
           :width="width"
           :height="height"
-          :placeholder="[width, height]"
-          format="webp"
         />
         <i v-else :class="[assetsClass, icon]"></i>
       </div>
diff --git a/components/NavBar.vue b/components/NavBar.vue
index 5e0f969..4482632 100644
--- a/components/NavBar.vue
+++ b/components/NavBar.vue
@@ -19,12 +19,11 @@ const goBack = (params) => {
         <i class="fi fi-sr-angle-small-left text-2xl leading-[0]"></i>
       </button>
       <NuxtLink v-else class="btn btn-circle btn-ghost" to="/">
-        <NuxtImg
-          src="/favicon.svg"
+        <img
+          src="/favicon.ico"
           alt="Hamtarot Favicon"
           width="100px"
-          format="webp"
-          preload
+          height="100px"
         />
       </NuxtLink>
     </div>
diff --git a/components/RatingDialog.vue b/components/RatingDialog.vue
index 2e9aae9..1c53a77 100644
--- a/components/RatingDialog.vue
+++ b/components/RatingDialog.vue
@@ -1,13 +1,12 @@
 <template>
   <dialog id="ratingModal" class="modal">
     <div class="modal-box space-y-4 text-center">
-      <NuxtImg
+      <img
         class="mx-auto"
-        src="/assets/icons/rating.png"
+        src="/assets/icons/rating.webp"
         alt="Star Icon"
         width="100px"
-        format="svg"
-        placeholder
+        height="100px"
       />
       <h1 class="text-lg">
         <b>คุณพึงพอใจกับเว็บไซต์เรามากแค่ไหน?</b>
diff --git a/pages/account/index.vue b/pages/account/index.vue
index a5fc3b8..6f9bbee 100644
--- a/pages/account/index.vue
+++ b/pages/account/index.vue
@@ -15,13 +15,7 @@
           <div class="flex-none">
             <div class="avatar">
               <div class="w-24 rounded-full bg-blue-chalk p-2">
-                <NuxtImg
-                  src="/assets/icons/person.png"
-                  alt=""
-                  format="webp"
-                  loading="lazy"
-                  placeholder
-                />
+                <img src="/assets/icons/person.webp" alt="" loading="lazy" />
               </div>
             </div>
           </div>
diff --git a/pages/dashboard/notification.vue b/pages/dashboard/notification.vue
index 3ea7410..f9531e4 100644
--- a/pages/dashboard/notification.vue
+++ b/pages/dashboard/notification.vue
@@ -45,7 +45,7 @@ const sendNotification = (event) => {
             <InputText
               v-model="filename"
               class="w-full"
-              placeholder="https://hamtarot.com/favicon.svg"
+              placeholder="https://hamtarot.com/favicon.ico"
               hint-top-left="ลิงค์รูปภาพ (ไม่จำเป็น)"
             >
               <i class="fi fi-rr-add-image leading-[0]"></i>
diff --git a/pages/dashboard/users.vue b/pages/dashboard/users.vue
index 17b8376..870d16a 100644
--- a/pages/dashboard/users.vue
+++ b/pages/dashboard/users.vue
@@ -66,12 +66,10 @@ const users = [
                 <div class="flex items-center gap-3">
                   <div class="avatar">
                     <div class="mask mask-squircle h-12 w-12">
-                      <NuxtImg
+                      <img
                         :src="user.image"
                         :alt="user.username"
-                        format="webp"
                         loading="lazy"
-                        placeholder
                       />
                     </div>
                   </div>
diff --git a/pages/predict/[category]/[id]/index.vue b/pages/predict/[category]/[id]/index.vue
index 8ad2f31..3da0136 100644
--- a/pages/predict/[category]/[id]/index.vue
+++ b/pages/predict/[category]/[id]/index.vue
@@ -103,7 +103,7 @@ const saveAsImage = async (extensions = "png", quality = 1, share = false) => {
       parseInt($route.params.id) > 0 &&
       parseInt($route.params.id) <= Object.keys(data.tarot).length
     "
-    class="container mx-auto px-4"
+    class="container mx-auto p-4"
   >
     <RatingDialog />
     <div class="mb-8 text-center">
diff --git a/pages/predict/[category]/index.vue b/pages/predict/[category]/index.vue
index 38c8750..bda45b6 100644
--- a/pages/predict/[category]/index.vue
+++ b/pages/predict/[category]/index.vue
@@ -70,7 +70,7 @@ if (
       ทำนาย
     </NuxtLink>
   </section>
-  <section v-else class="container mx-auto px-4 text-center">
+  <section v-else class="container mx-auto p-4 text-center">
     <i class="fi fi-rr-loading text-6xl text-portica"></i>
     <h2 class="text-portica">ไม่พบหมวดหมู่ '{{ $route.params.category }}'</h2>
     <p class="mb-8">ดูเหมือนว่าคุณจะดวงไม่ดีมาเจอหน้าว่างเปล่านี้นะ</p>
diff --git a/public/assets/icons/facebook.png b/public/assets/icons/facebook.png
deleted file mode 100644
index 75796ac..0000000
Binary files a/public/assets/icons/facebook.png and /dev/null differ
diff --git a/public/assets/icons/facebook.webp b/public/assets/icons/facebook.webp
new file mode 100644
index 0000000..300cce4
Binary files /dev/null and b/public/assets/icons/facebook.webp differ
diff --git a/public/assets/icons/google.png b/public/assets/icons/google.png
deleted file mode 100644
index a3515e9..0000000
Binary files a/public/assets/icons/google.png and /dev/null differ
diff --git a/public/assets/icons/google.webp b/public/assets/icons/google.webp
new file mode 100644
index 0000000..ff199fd
Binary files /dev/null and b/public/assets/icons/google.webp differ
diff --git a/public/assets/icons/line.png b/public/assets/icons/line.png
deleted file mode 100644
index f278280..0000000
Binary files a/public/assets/icons/line.png and /dev/null differ
diff --git a/public/assets/icons/line.webp b/public/assets/icons/line.webp
new file mode 100644
index 0000000..94cbbff
Binary files /dev/null and b/public/assets/icons/line.webp differ
diff --git a/public/assets/icons/person.png b/public/assets/icons/person.png
deleted file mode 100644
index ef42b68..0000000
Binary files a/public/assets/icons/person.png and /dev/null differ
diff --git a/public/assets/icons/person.webp b/public/assets/icons/person.webp
new file mode 100644
index 0000000..fdaf503
Binary files /dev/null and b/public/assets/icons/person.webp differ
diff --git a/public/assets/icons/rating.png b/public/assets/icons/rating.png
deleted file mode 100644
index 3106d95..0000000
Binary files a/public/assets/icons/rating.png and /dev/null differ
diff --git a/public/assets/icons/rating.webp b/public/assets/icons/rating.webp
new file mode 100644
index 0000000..28064ac
Binary files /dev/null and b/public/assets/icons/rating.webp differ
diff --git a/public/assets/images/cards/death.jpg b/public/assets/images/cards/death.jpg
deleted file mode 100644
index 8ef6b45..0000000
Binary files a/public/assets/images/cards/death.jpg and /dev/null differ
diff --git a/public/assets/images/cards/death.webp b/public/assets/images/cards/death.webp
new file mode 100644
index 0000000..0e69cc3
Binary files /dev/null and b/public/assets/images/cards/death.webp differ
diff --git a/public/assets/images/cards/judgement.jpg b/public/assets/images/cards/judgement.jpg
deleted file mode 100644
index 8ef5223..0000000
Binary files a/public/assets/images/cards/judgement.jpg and /dev/null differ
diff --git a/public/assets/images/cards/judgement.webp b/public/assets/images/cards/judgement.webp
new file mode 100644
index 0000000..27b2c4f
Binary files /dev/null and b/public/assets/images/cards/judgement.webp differ
diff --git a/public/assets/images/cards/justice.png b/public/assets/images/cards/justice.png
deleted file mode 100644
index f957195..0000000
Binary files a/public/assets/images/cards/justice.png and /dev/null differ
diff --git a/public/assets/images/cards/justice.webp b/public/assets/images/cards/justice.webp
new file mode 100644
index 0000000..b90aa19
Binary files /dev/null and b/public/assets/images/cards/justice.webp differ
diff --git a/public/assets/images/cards/temperance.jpg b/public/assets/images/cards/temperance.jpg
deleted file mode 100644
index 1b011d4..0000000
Binary files a/public/assets/images/cards/temperance.jpg and /dev/null differ
diff --git a/public/assets/images/cards/temperance.webp b/public/assets/images/cards/temperance.webp
new file mode 100644
index 0000000..db299a2
Binary files /dev/null and b/public/assets/images/cards/temperance.webp differ
diff --git a/public/assets/images/cards/the-chariot.jpg b/public/assets/images/cards/the-chariot.jpg
deleted file mode 100644
index 9da0593..0000000
Binary files a/public/assets/images/cards/the-chariot.jpg and /dev/null differ
diff --git a/public/assets/images/cards/the-chariot.webp b/public/assets/images/cards/the-chariot.webp
new file mode 100644
index 0000000..132a0dd
Binary files /dev/null and b/public/assets/images/cards/the-chariot.webp differ
diff --git a/public/assets/images/cards/the-devil.jpg b/public/assets/images/cards/the-devil.jpg
deleted file mode 100644
index 293840e..0000000
Binary files a/public/assets/images/cards/the-devil.jpg and /dev/null differ
diff --git a/public/assets/images/cards/the-devil.webp b/public/assets/images/cards/the-devil.webp
new file mode 100644
index 0000000..2dee50b
Binary files /dev/null and b/public/assets/images/cards/the-devil.webp differ
diff --git a/public/assets/images/cards/the-emperror.jpg b/public/assets/images/cards/the-emperror.jpg
deleted file mode 100644
index 5a13601..0000000
Binary files a/public/assets/images/cards/the-emperror.jpg and /dev/null differ
diff --git a/public/assets/images/cards/the-emperror.webp b/public/assets/images/cards/the-emperror.webp
new file mode 100644
index 0000000..7cec587
Binary files /dev/null and b/public/assets/images/cards/the-emperror.webp differ
diff --git a/public/assets/images/cards/the-empress.jpg b/public/assets/images/cards/the-empress.jpg
deleted file mode 100644
index 18296dd..0000000
Binary files a/public/assets/images/cards/the-empress.jpg and /dev/null differ
diff --git a/public/assets/images/cards/the-empress.webp b/public/assets/images/cards/the-empress.webp
new file mode 100644
index 0000000..067bbab
Binary files /dev/null and b/public/assets/images/cards/the-empress.webp differ
diff --git a/public/assets/images/cards/the-fool.jpg b/public/assets/images/cards/the-fool.jpg
deleted file mode 100644
index 9c301c4..0000000
Binary files a/public/assets/images/cards/the-fool.jpg and /dev/null differ
diff --git a/public/assets/images/cards/the-fool.webp b/public/assets/images/cards/the-fool.webp
new file mode 100644
index 0000000..95ad547
Binary files /dev/null and b/public/assets/images/cards/the-fool.webp differ
diff --git a/public/assets/images/cards/the-hanged-man.jpg b/public/assets/images/cards/the-hanged-man.jpg
deleted file mode 100644
index eebeeeb..0000000
Binary files a/public/assets/images/cards/the-hanged-man.jpg and /dev/null differ
diff --git a/public/assets/images/cards/the-hanged-man.webp b/public/assets/images/cards/the-hanged-man.webp
new file mode 100644
index 0000000..092af25
Binary files /dev/null and b/public/assets/images/cards/the-hanged-man.webp differ
diff --git a/public/assets/images/cards/the-hermit.jpg b/public/assets/images/cards/the-hermit.jpg
deleted file mode 100644
index f141870..0000000
Binary files a/public/assets/images/cards/the-hermit.jpg and /dev/null differ
diff --git a/public/assets/images/cards/the-hermit.webp b/public/assets/images/cards/the-hermit.webp
new file mode 100644
index 0000000..47cd3fb
Binary files /dev/null and b/public/assets/images/cards/the-hermit.webp differ
diff --git a/public/assets/images/cards/the-hierophant.jpg b/public/assets/images/cards/the-hierophant.jpg
deleted file mode 100644
index e669626..0000000
Binary files a/public/assets/images/cards/the-hierophant.jpg and /dev/null differ
diff --git a/public/assets/images/cards/the-hierophant.webp b/public/assets/images/cards/the-hierophant.webp
new file mode 100644
index 0000000..734a140
Binary files /dev/null and b/public/assets/images/cards/the-hierophant.webp differ
diff --git a/public/assets/images/cards/the-high-priestess.png b/public/assets/images/cards/the-high-priestess.png
deleted file mode 100644
index 006e48f..0000000
Binary files a/public/assets/images/cards/the-high-priestess.png and /dev/null differ
diff --git a/public/assets/images/cards/the-high-priestess.webp b/public/assets/images/cards/the-high-priestess.webp
new file mode 100644
index 0000000..ad42310
Binary files /dev/null and b/public/assets/images/cards/the-high-priestess.webp differ
diff --git a/public/assets/images/cards/the-lovers.jpg b/public/assets/images/cards/the-lovers.jpg
deleted file mode 100644
index 700260e..0000000
Binary files a/public/assets/images/cards/the-lovers.jpg and /dev/null differ
diff --git a/public/assets/images/cards/the-lovers.webp b/public/assets/images/cards/the-lovers.webp
new file mode 100644
index 0000000..8b8d1c4
Binary files /dev/null and b/public/assets/images/cards/the-lovers.webp differ
diff --git a/public/assets/images/cards/the-magician.png b/public/assets/images/cards/the-magician.png
deleted file mode 100644
index 44fff13..0000000
Binary files a/public/assets/images/cards/the-magician.png and /dev/null differ
diff --git a/public/assets/images/cards/the-magician.webp b/public/assets/images/cards/the-magician.webp
new file mode 100644
index 0000000..17d5b0d
Binary files /dev/null and b/public/assets/images/cards/the-magician.webp differ
diff --git a/public/assets/images/cards/the-moon.jpg b/public/assets/images/cards/the-moon.jpg
deleted file mode 100644
index 9e6ba8e..0000000
Binary files a/public/assets/images/cards/the-moon.jpg and /dev/null differ
diff --git a/public/assets/images/cards/the-moon.webp b/public/assets/images/cards/the-moon.webp
new file mode 100644
index 0000000..510dd2e
Binary files /dev/null and b/public/assets/images/cards/the-moon.webp differ
diff --git a/public/assets/images/cards/the-star.jpg b/public/assets/images/cards/the-star.jpg
deleted file mode 100644
index cb199a0..0000000
Binary files a/public/assets/images/cards/the-star.jpg and /dev/null differ
diff --git a/public/assets/images/cards/the-star.webp b/public/assets/images/cards/the-star.webp
new file mode 100644
index 0000000..e82dc2c
Binary files /dev/null and b/public/assets/images/cards/the-star.webp differ
diff --git a/public/assets/images/cards/the-strength.jpg b/public/assets/images/cards/the-strength.jpg
deleted file mode 100644
index fe701f4..0000000
Binary files a/public/assets/images/cards/the-strength.jpg and /dev/null differ
diff --git a/public/assets/images/cards/the-strength.webp b/public/assets/images/cards/the-strength.webp
new file mode 100644
index 0000000..d5ce4e9
Binary files /dev/null and b/public/assets/images/cards/the-strength.webp differ
diff --git a/public/assets/images/cards/the-sun.png b/public/assets/images/cards/the-sun.png
deleted file mode 100644
index 1659aba..0000000
Binary files a/public/assets/images/cards/the-sun.png and /dev/null differ
diff --git a/public/assets/images/cards/the-sun.webp b/public/assets/images/cards/the-sun.webp
new file mode 100644
index 0000000..5b31791
Binary files /dev/null and b/public/assets/images/cards/the-sun.webp differ
diff --git a/public/assets/images/cards/the-tower.jpg b/public/assets/images/cards/the-tower.jpg
deleted file mode 100644
index 0fc46b3..0000000
Binary files a/public/assets/images/cards/the-tower.jpg and /dev/null differ
diff --git a/public/assets/images/cards/the-tower.webp b/public/assets/images/cards/the-tower.webp
new file mode 100644
index 0000000..7b4e95a
Binary files /dev/null and b/public/assets/images/cards/the-tower.webp differ
diff --git a/public/assets/images/cards/the-world.png b/public/assets/images/cards/the-world.png
deleted file mode 100644
index a95dc31..0000000
Binary files a/public/assets/images/cards/the-world.png and /dev/null differ
diff --git a/public/assets/images/cards/the-world.webp b/public/assets/images/cards/the-world.webp
new file mode 100644
index 0000000..f6d4200
Binary files /dev/null and b/public/assets/images/cards/the-world.webp differ
diff --git a/public/assets/images/cards/wheel-of-fortune.jpg b/public/assets/images/cards/wheel-of-fortune.jpg
deleted file mode 100644
index 0b155ca..0000000
Binary files a/public/assets/images/cards/wheel-of-fortune.jpg and /dev/null differ
diff --git a/public/assets/images/cards/wheel-of-fortune.webp b/public/assets/images/cards/wheel-of-fortune.webp
new file mode 100644
index 0000000..6dc3583
Binary files /dev/null and b/public/assets/images/cards/wheel-of-fortune.webp differ