diff --git a/src/desktop/img/home/001.gif b/src/desktop/img/home/001.gif
old mode 100644
new mode 100755
index e849a38..8feeb7c
Binary files a/src/desktop/img/home/001.gif and b/src/desktop/img/home/001.gif differ
diff --git a/src/desktop/img/home/002.gif b/src/desktop/img/home/002.gif
new file mode 100755
index 0000000..fbd0d55
Binary files /dev/null and b/src/desktop/img/home/002.gif differ
diff --git a/src/desktop/img/home/003.gif b/src/desktop/img/home/003.gif
new file mode 100644
index 0000000..ac5ff27
Binary files /dev/null and b/src/desktop/img/home/003.gif differ
diff --git a/src/desktop/img/home/004.gif b/src/desktop/img/home/004.gif
new file mode 100755
index 0000000..051b56c
Binary files /dev/null and b/src/desktop/img/home/004.gif differ
diff --git a/src/desktop/img/home/005.gif b/src/desktop/img/home/005.gif
new file mode 100755
index 0000000..a28137e
Binary files /dev/null and b/src/desktop/img/home/005.gif differ
diff --git a/src/desktop/img/home/006.gif b/src/desktop/img/home/006.gif
new file mode 100755
index 0000000..d9bccf7
Binary files /dev/null and b/src/desktop/img/home/006.gif differ
diff --git a/src/desktop/img/home/007.gif b/src/desktop/img/home/007.gif
new file mode 100755
index 0000000..fcb8d58
Binary files /dev/null and b/src/desktop/img/home/007.gif differ
diff --git a/src/desktop/img/home/008.gif b/src/desktop/img/home/008.gif
new file mode 100755
index 0000000..8a46273
Binary files /dev/null and b/src/desktop/img/home/008.gif differ
diff --git a/src/desktop/img/home/009.gif b/src/desktop/img/home/009.gif
new file mode 100755
index 0000000..c5d62be
Binary files /dev/null and b/src/desktop/img/home/009.gif differ
diff --git a/src/desktop/img/home/010.gif b/src/desktop/img/home/010.gif
new file mode 100755
index 0000000..504f989
Binary files /dev/null and b/src/desktop/img/home/010.gif differ
diff --git a/src/desktop/img/nft/hero/hero10@2x.png b/src/desktop/img/nft/hero/hero10@2x.png
index f23ae01..d89b990 100755
Binary files a/src/desktop/img/nft/hero/hero10@2x.png and b/src/desktop/img/nft/hero/hero10@2x.png differ
diff --git a/src/desktop/img/nft/hero/hero2@2x.png b/src/desktop/img/nft/hero/hero2@2x.png
index 626dba1..b8e5949 100755
Binary files a/src/desktop/img/nft/hero/hero2@2x.png and b/src/desktop/img/nft/hero/hero2@2x.png differ
diff --git a/src/desktop/index.html b/src/desktop/index.html
index e33c3b8..971f512 100755
--- a/src/desktop/index.html
+++ b/src/desktop/index.html
@@ -176,30 +176,39 @@
             </div>
             <div class="swiper-slide">
               <img src="img/home/002.png" />
+              <img src="img/home/002.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/003.png" />
+              <img src="img/home/003.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/004.png" />
+              <img src="img/home/004.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/005.png" />
+              <img src="img/home/005.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/006.png" />
+              <img src="img/home/006.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/007.png" />
+              <img src="img/home/007.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/008.png" />
+              <img src="img/home/008.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/009.png" />
+              <img src="img/home/009.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/010.png" />
+              <img src="img/home/010.gif" class="aniIcon" />
             </div>
           </div>
         </div>
diff --git a/src/desktop/nft.html b/src/desktop/nft.html
index ff8210c..d92fc99 100755
--- a/src/desktop/nft.html
+++ b/src/desktop/nft.html
@@ -502,11 +502,11 @@
         $('.hero-item-c a').click(function () {
           var bigImg = $(this).data('bigimg')
           var imgDetail = $(this).data('imgdetail')
-          $('.hero-view')
-            .slideDown(250)
-            .find('.hero-d-p img')
-            .attr('src', bigImg)
+          $('.hero-view').find('.hero-d-data img').attr('src', '')
+          $('.hero-view').find('.hero-d-p img').attr('src', '')
           $('.hero-view').find('.hero-d-data img').attr('src', imgDetail)
+          $('.hero-view').find('.hero-d-p img').attr('src', bigImg)
+          $('.hero-view').slideDown(250)
         })
 
         $('.hero-d-close').click(function () {
@@ -517,11 +517,11 @@
           var _index = $(this).index()
           var bigImg = $(this).data('bigimg')
           var imgDetail = $(this).data('imgdetail')
-          $('.weapon-view')
-            .slideDown(250)
-            .find('.hero-d-p img')
-            .attr('src', bigImg)
+          $('.weapon-view').find('.hero-d-data img').attr('src', '')
+          $('.weapon-view').find('.hero-d-p img').attr('src', '')
           $('.weapon-view').find('.hero-d-data img').attr('src', imgDetail)
+          $('.weapon-view').find('.hero-d-p img').attr('src', bigImg)
+          $('.weapon-view').slideDown(250)
 
           mySwiper2 = $('.weapon-silder .swiper-container-0').swiper({
             // loop: true,
diff --git a/src/mobile/NFT.html b/src/mobile/NFT.html
index c26520d..6f3dcc4 100755
--- a/src/mobile/NFT.html
+++ b/src/mobile/NFT.html
@@ -528,11 +528,10 @@
           var bigImg = $(this).data('bigimg')
           var imgDetail = $(this).data('imgdetail')
           $('.hero-view').find('.hero-d-data img').attr('src', '')
-          $('.hero-view')
-            .slideDown(250)
-            .find('.hero-d-p img')
-            .attr('src', bigImg)
+          $('.hero-view').find('.hero-d-p img').attr('src', '')
+          $('.hero-view').find('.hero-d-p img').attr('src', bigImg)
           $('.hero-view').find('.hero-d-data img').attr('src', imgDetail)
+          $('.hero-view').slideDown(250)
           stopBodyScroll(true)
         })
 
@@ -545,11 +544,11 @@
           var _index = $(this).index()
           var bigImg = $(this).data('bigimg')
           var imgDetail = $(this).data('imgdetail')
-          $('.weapon-view')
-            .slideDown(250)
-            .find('.hero-d-p img')
-            .attr('src', bigImg)
+          $('.weapon-view').find('.hero-d-p img').attr('src', '')
+          $('.weapon-view').find('.hero-d-data img').attr('src', '')
+          $('.weapon-view').find('.hero-d-p img').attr('src', bigImg)
           $('.weapon-view').find('.hero-d-data img').attr('src', imgDetail)
+          $('.weapon-view').slideDown(250)
           stopBodyScroll(true)
           mySwiper2 = $('.weapon-silder .swiper-container-0').swiper({
             // loop: true,
diff --git a/src/mobile/img/home/001.gif b/src/mobile/img/home/001.gif
old mode 100644
new mode 100755
index e849a38..8feeb7c
Binary files a/src/mobile/img/home/001.gif and b/src/mobile/img/home/001.gif differ
diff --git a/src/mobile/img/home/002.gif b/src/mobile/img/home/002.gif
new file mode 100755
index 0000000..fbd0d55
Binary files /dev/null and b/src/mobile/img/home/002.gif differ
diff --git a/src/mobile/img/home/003.gif b/src/mobile/img/home/003.gif
new file mode 100644
index 0000000..ac5ff27
Binary files /dev/null and b/src/mobile/img/home/003.gif differ
diff --git a/src/mobile/img/home/004.gif b/src/mobile/img/home/004.gif
new file mode 100755
index 0000000..051b56c
Binary files /dev/null and b/src/mobile/img/home/004.gif differ
diff --git a/src/mobile/img/home/005.gif b/src/mobile/img/home/005.gif
new file mode 100755
index 0000000..a28137e
Binary files /dev/null and b/src/mobile/img/home/005.gif differ
diff --git a/src/mobile/img/home/006.gif b/src/mobile/img/home/006.gif
new file mode 100755
index 0000000..d9bccf7
Binary files /dev/null and b/src/mobile/img/home/006.gif differ
diff --git a/src/mobile/img/home/007.gif b/src/mobile/img/home/007.gif
new file mode 100755
index 0000000..fcb8d58
Binary files /dev/null and b/src/mobile/img/home/007.gif differ
diff --git a/src/mobile/img/home/008.gif b/src/mobile/img/home/008.gif
new file mode 100755
index 0000000..8a46273
Binary files /dev/null and b/src/mobile/img/home/008.gif differ
diff --git a/src/mobile/img/home/009.gif b/src/mobile/img/home/009.gif
new file mode 100755
index 0000000..c5d62be
Binary files /dev/null and b/src/mobile/img/home/009.gif differ
diff --git a/src/mobile/img/home/010.gif b/src/mobile/img/home/010.gif
new file mode 100755
index 0000000..504f989
Binary files /dev/null and b/src/mobile/img/home/010.gif differ
diff --git a/src/mobile/index.html b/src/mobile/index.html
index 8273c50..43ceb9b 100755
--- a/src/mobile/index.html
+++ b/src/mobile/index.html
@@ -139,35 +139,44 @@
         <div class="swiper-container">
           <div class="swiper-wrapper">
             <div class="swiper-slide">
-              <img src="imgMobile/home/001.png" />
+              <img src="img/home/001.png" />
               <img src="img/home/001.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
-              <img src="imgMobile/home/002.png" />
+              <img src="img/home/002.png" />
+              <img src="img/home/002.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
-              <img src="imgMobile/home/003.png" />
+              <img src="img/home/003.png" />
+              <img src="img/home/003.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/004.png" />
+              <img src="img/home/004.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/005.png" />
+              <img src="img/home/005.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/006.png" />
+              <img src="img/home/006.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/007.png" />
+              <img src="img/home/007.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/008.png" />
+              <img src="img/home/008.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/009.png" />
+              <img src="img/home/009.gif" class="aniIcon" />
             </div>
             <div class="swiper-slide">
               <img src="img/home/010.png" />
+              <img src="img/home/010.gif" class="aniIcon" />
             </div>
           </div>
         </div>