diff --git a/public/img/credit_card/amex.png b/public/img/credit_card/amex.png
new file mode 100644
index 000000000..12ade199f
Binary files /dev/null and b/public/img/credit_card/amex.png differ
diff --git a/public/img/credit_card/chip.png b/public/img/credit_card/chip.png
new file mode 100644
index 000000000..9f711b31a
Binary files /dev/null and b/public/img/credit_card/chip.png differ
diff --git a/public/img/credit_card/dinersclub.png b/public/img/credit_card/dinersclub.png
new file mode 100644
index 000000000..e7875237f
Binary files /dev/null and b/public/img/credit_card/dinersclub.png differ
diff --git a/public/img/credit_card/discover.png b/public/img/credit_card/discover.png
new file mode 100644
index 000000000..085091c22
Binary files /dev/null and b/public/img/credit_card/discover.png differ
diff --git a/public/img/credit_card/jcb.png b/public/img/credit_card/jcb.png
new file mode 100644
index 000000000..0ad592eeb
Binary files /dev/null and b/public/img/credit_card/jcb.png differ
diff --git a/public/img/credit_card/mastercard.png b/public/img/credit_card/mastercard.png
new file mode 100644
index 000000000..b5b85bd16
Binary files /dev/null and b/public/img/credit_card/mastercard.png differ
diff --git a/public/img/credit_card/troy.png b/public/img/credit_card/troy.png
new file mode 100644
index 000000000..9df76166b
Binary files /dev/null and b/public/img/credit_card/troy.png differ
diff --git a/public/img/credit_card/unionpay.png b/public/img/credit_card/unionpay.png
new file mode 100644
index 000000000..db6c5cd11
Binary files /dev/null and b/public/img/credit_card/unionpay.png differ
diff --git a/public/img/credit_card/visa.png b/public/img/credit_card/visa.png
new file mode 100644
index 000000000..70bc64abe
Binary files /dev/null and b/public/img/credit_card/visa.png differ
diff --git a/resources/assets/js/components/CreditCard/Card.vue b/resources/assets/js/components/CreditCard/Card.vue
index 4146e1107..1c0d67976 100644
--- a/resources/assets/js/components/CreditCard/Card.vue
+++ b/resources/assets/js/components/CreditCard/Card.vue
@@ -12,22 +12,17 @@
         ref="focusElement"
       ></div>
       <div class="absolute w-full h-full bg-black left-0 top-0 rounded-lg overflow-hidden" style="background-image: linear-gradient(147deg, #354fce 0%, #0c296b 74%);">
-        <img
-          v-if="currentCardBackground"
-          :src="currentCardBackground"
-          class="w-full h-full block object-cover"
-        />
       </div>
       <div class="relative h-full py-6 px-4 select-none">
         <div class="flex items-start justify-between px-4">
           <img
-            src="https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/chip.png"
+            :src="chip_src"
             class="w-12"
           />
           <div class="relative w-full h-12 flex flex-end">
             <transition name="slide-fade-up">
               <img
-                :src="'https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/' + cardType + '.png'"
+                :src="card_type_src + cardType + '.png'"
                 v-if="cardType"
                 :key="cardType"
                 alt
@@ -94,11 +89,6 @@
     </div>
     <div class="card-item__side -back absolute top-0 left-0 w-full p-0 h-full">
       <div class="absolute w-full h-full bg-black left-0 top-0 rounded-lg overflow-hidden" style="background-image: linear-gradient(147deg, #354fce 0%, #0c296b 74%);">
-        <img
-          v-if="currentCardBackground"
-          :src="currentCardBackground"
-          class="w-full h-full block object-cover"
-        />
       </div>
       <div class="absolute w-full h-32 mt-12 bg-black"></div>
       <div class="relative p-4 text-right">
@@ -108,9 +98,9 @@
         </div>
         <div class="relative w-24 h-12 flex justify-end">
           <img
-            :src="'https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/' + cardType + '.png'"
+            :src="card_type_src + cardType + '.png'"
             v-if="cardType"
-            class="w-full h-full object-right-top	object-contain"
+            class="w-full h-full object-right-top object-contain"
           />
         </div>
       </div>
@@ -140,7 +130,9 @@ export default {
       amexCardPlaceholder: '#### ###### #####',
       dinersCardPlaceholder: '#### ###### ####',
       defaultCardPlaceholder: '#### #### #### ####',
-      currentPlaceholder: ''
+      currentPlaceholder: '',
+      chip_src: app_url + '/public/img/credit_card/chip.png',
+      card_type_src: app_url + '/public/img/credit_card/',
     }
   },
   watch: {