diff --git a/src/assets/img/banner1.jpg b/src/assets/img/banner1.jpg
deleted file mode 100644
index edd5f10..0000000
Binary files a/src/assets/img/banner1.jpg and /dev/null differ
diff --git a/src/assets/img/banner1.png b/src/assets/img/banner1.png
new file mode 100644
index 0000000..181e0f4
Binary files /dev/null and b/src/assets/img/banner1.png differ
diff --git a/src/assets/img/banner2.jpg b/src/assets/img/banner2.jpg
deleted file mode 100644
index f747b73..0000000
Binary files a/src/assets/img/banner2.jpg and /dev/null differ
diff --git a/src/assets/img/banner2.png b/src/assets/img/banner2.png
new file mode 100644
index 0000000..3380cdc
Binary files /dev/null and b/src/assets/img/banner2.png differ
diff --git a/src/assets/img/banner3.jpg b/src/assets/img/banner3.jpg
deleted file mode 100644
index edd5f10..0000000
Binary files a/src/assets/img/banner3.jpg and /dev/null differ
diff --git a/src/assets/img/banner3.png b/src/assets/img/banner3.png
new file mode 100644
index 0000000..c0e0d4a
Binary files /dev/null and b/src/assets/img/banner3.png differ
diff --git a/src/assets/img/banner4.jpg b/src/assets/img/banner4.jpg
deleted file mode 100644
index 6f5f777..0000000
Binary files a/src/assets/img/banner4.jpg and /dev/null differ
diff --git a/src/assets/img/banner4.png b/src/assets/img/banner4.png
new file mode 100644
index 0000000..e087ac7
Binary files /dev/null and b/src/assets/img/banner4.png differ
diff --git a/src/assets/img/banner5.jpg b/src/assets/img/banner5.jpg
deleted file mode 100644
index f747b73..0000000
Binary files a/src/assets/img/banner5.jpg and /dev/null differ
diff --git a/src/assets/img/login-head-pic.jpg b/src/assets/img/login-head-pic.jpg
index 7ce282b..dd9afe0 100644
Binary files a/src/assets/img/login-head-pic.jpg and b/src/assets/img/login-head-pic.jpg differ
diff --git a/src/components/home/Home.vue b/src/components/home/Home.vue
index 9228cbb..ecf08c8 100644
--- a/src/components/home/Home.vue
+++ b/src/components/home/Home.vue
@@ -21,11 +21,10 @@ export default {
   data () {
     return {
       bannerImg: [
-        {id: 1, imgSrc: require('../../assets/img/banner1.jpg')},
-        {id: 2, imgSrc: require('../../assets/img/banner2.jpg')},
-        {id: 3, imgSrc: require('../../assets/img/banner3.jpg')},
-        {id: 4, imgSrc: require('../../assets/img/banner4.jpg')},
-        {id: 5, imgSrc: require('../../assets/img/banner5.jpg')}
+        {id: 1, imgSrc: require('../../assets/img/banner1.png')},
+        {id: 2, imgSrc: require('../../assets/img/banner2.png')},
+        {id: 3, imgSrc: require('../../assets/img/banner3.png')},
+        {id: 4, imgSrc: require('../../assets/img/banner4.png')}
       ],
       orderStepData: [
         {