diff --git a/src/assets/css/tailwind.css b/src/assets/css/tailwind.css
index a442969..b3c4556 100644
--- a/src/assets/css/tailwind.css
+++ b/src/assets/css/tailwind.css
@@ -1,6 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
-@import url('https://fonts.googleapis.com/css?family=Tajawal:300,400,500,700&display=swap&subset=arabic');
 
 @tailwind base;
 
diff --git a/src/components/UI/Alert/NotificationPop.vue b/src/components/UI/Alert/NotificationPop.vue
index 3fdd21c..558dafc 100644
--- a/src/components/UI/Alert/NotificationPop.vue
+++ b/src/components/UI/Alert/NotificationPop.vue
@@ -4,7 +4,7 @@
             <div class="w-2 bg-gray-800"></div>
             <div class="flex items-center px-2 py-3">
                 <img class="w-12 h-12 object-cover rounded-full"
-                     src="https://images.unsplash.com/photo-1477118476589-bff2c5c4cfbb?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60">
+                     src="https://images.unsplash.com/photo-1477118476589-bff2c5c4cfbb?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=48&q=60">
                 <div class="mx-3">
                     <h2 class="text-xl font-semibold text-gray-800">Jane Doe</h2>
                     <p class="text-gray-600">Sara was replied on the <a href="#" class="text-blue-500">Upload Image</a>.</p>
diff --git a/src/components/UI/Cards/ArticleCard.vue b/src/components/UI/Cards/ArticleCard.vue
index bb6ce0e..2160f79 100644
--- a/src/components/UI/Cards/ArticleCard.vue
+++ b/src/components/UI/Cards/ArticleCard.vue
@@ -17,7 +17,7 @@
                 <div>
                     <a class="flex items-center" href="#">
                         <img class="mx-4 w-10 h-10 object-cover rounded-full hidden sm:block"
-                             src="https://images.unsplash.com/photo-1502980426475-b83966705988?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=373&q=80"
+                             src="https://images.unsplash.com/photo-1502980426475-b83966705988?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=40&q=80"
                              alt="avatar">
                         <h1 class="text-gray-700 font-bold">Khatab wedaa</h1>
                     </a>
diff --git a/src/components/UI/Cards/ArticleCardWithImage.vue b/src/components/UI/Cards/ArticleCardWithImage.vue
index 8197c61..adb8fd3 100644
--- a/src/components/UI/Cards/ArticleCardWithImage.vue
+++ b/src/components/UI/Cards/ArticleCardWithImage.vue
@@ -12,7 +12,7 @@
                     <p class="text-sm text-gray-600 mt-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Molestie parturient et sem ipsum volutpat vel. Natoque sem et aliquam mauris egestas quam volutpat viverra. In pretium nec senectus erat. Et malesuada lobortis.</p>
                 </div>
                 <div class="flex mt-4 items-center">
-                    <img class="h-12 h-12 rounded-full" src="https://images.unsplash.com/photo-1586287011575-a23134f797f9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60"
+                    <img class="h-12 h-12 rounded-full" src="https://images.unsplash.com/photo-1586287011575-a23134f797f9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=48&q=60"
                          alt="Avatar">
                     <div class="flex items-center mx-4">
                         <a href="#" class="text-gray-700 font-semibold">Jone Doe</a>
diff --git a/src/components/UI/Cards/Product.vue b/src/components/UI/Cards/Product.vue
index 3b54b18..46b8094 100644
--- a/src/components/UI/Cards/Product.vue
+++ b/src/components/UI/Cards/Product.vue
@@ -8,7 +8,7 @@
             </div>
 
             <img class="h-56 w-full object-cover mt-2"
-                 src="https://images.unsplash.com/photo-1542291026-7eec264c27ff?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80"
+                 src="https://images.unsplash.com/photo-1542291026-7eec264c27ff?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=320&q=80"
                  alt="NIKE AIR">
 
             <div class="flex items-center justify-between px-4 py-2 bg-gray-900">
diff --git a/src/components/UI/Cards/Testimonial.vue b/src/components/UI/Cards/Testimonial.vue
index 15e757f..dc7eb17 100644
--- a/src/components/UI/Cards/Testimonial.vue
+++ b/src/components/UI/Cards/Testimonial.vue
@@ -3,7 +3,7 @@
         <div class="max-w-md mx-auto py-4 px-8 bg-white shadow-lg rounded-lg my-10">
             <div class="flex justify-center md:justify-end -mt-16">
                 <img class="w-20 h-20 object-cover rounded-full border-2 border-indigo-500"
-                     src="https://images.unsplash.com/photo-1499714608240-22fc6ad53fb2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80">
+                     src="https://images.unsplash.com/photo-1499714608240-22fc6ad53fb2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=76&q=80">
             </div>
             <div>
                 <h2 class="text-gray-800 text-3xl font-semibold">Design Tools</h2>
diff --git a/tailwind.config.js b/tailwind.config.js
index 629501d..4b9435d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,7 +5,6 @@ module.exports = {
     theme: {
         extend: {
             fontFamily: {
-                inter: ['Inter'],
                 roboto: ['Roboto'],
             },
             spacing: {