diff --git a/css/index.css b/css/index.css
index ee4f8f5..061549e 100644
--- a/css/index.css
+++ b/css/index.css
@@ -42,6 +42,9 @@
 	height:100vh;
 	position: relative;
 }
+.index_main .section1 .index_banner .items img{
+    position:absolute;
+}
 .index_main .section1 .index_banner .item.slick-current .scaleBg{
 	visibility: visible; 
 	/* -webkit-animation:scale-bg 6s linear forwards;
@@ -58,6 +61,21 @@
 	height: 100%;
 	z-index: 0;
 }
+.img1{
+    bottom: 18%;width: 60%;left: 20%;
+}
+.img2{
+    bottom: 29%;width: 54%;left: 28%;
+}
+.img3{
+    bottom: 27%;width: 37%;left: 11%;
+}
+.img4{
+    bottom: 20%;width: 58%;left: 14%;
+}
+.img5{
+    bottom: 38%;width: 50%;left: 25%;
+}
 .index_main .section1 .index_banner .items:after{
 	content: "";
 	display: block;
@@ -1107,4 +1125,22 @@ a:active{
         position: absolute;
         top:25%;
     }
+    .img1{
+        bottom: 18%;width: 100%;left: 0%;
+    }
+    .img2{
+        bottom: 29%;width: 100%;left: 0%;
+    }
+    .img3{
+        bottom: 27%;width: 100%;left: 0%;
+    }
+    .img4{
+        bottom: 20%;width: 100%;left: 0%;
+    }
+    .img5{
+        bottom: 38%;width: 100%;left: 0%;
+    }
+    .category__item .imgcontainer{
+        height:200px;
+    }
 }
\ No newline at end of file
diff --git a/images/1t.png b/images/1t.png
new file mode 100644
index 0000000..389f634
Binary files /dev/null and b/images/1t.png differ
diff --git a/images/2t.png b/images/2t.png
new file mode 100644
index 0000000..2be3ab5
Binary files /dev/null and b/images/2t.png differ
diff --git a/images/3t.png b/images/3t.png
new file mode 100644
index 0000000..f7c05e7
Binary files /dev/null and b/images/3t.png differ
diff --git a/images/4t.png b/images/4t.png
new file mode 100644
index 0000000..2ecd95a
Binary files /dev/null and b/images/4t.png differ
diff --git a/images/5t.png b/images/5t.png
new file mode 100644
index 0000000..05f7ea3
Binary files /dev/null and b/images/5t.png differ
diff --git a/images/text1.png b/images/text1.png
new file mode 100644
index 0000000..4d12990
Binary files /dev/null and b/images/text1.png differ
diff --git a/images/text2.png b/images/text2.png
new file mode 100644
index 0000000..30a396b
Binary files /dev/null and b/images/text2.png differ
diff --git a/images/text3.png b/images/text3.png
new file mode 100644
index 0000000..61e9e50
Binary files /dev/null and b/images/text3.png differ
diff --git a/images/text4.png b/images/text4.png
new file mode 100644
index 0000000..5fb7c2e
Binary files /dev/null and b/images/text4.png differ
diff --git a/images/text5.png b/images/text5.png
new file mode 100644
index 0000000..28b3600
Binary files /dev/null and b/images/text5.png differ
diff --git a/index.html b/index.html
index 6349594..5ee91f8 100644
--- a/index.html
+++ b/index.html
@@ -151,23 +151,32 @@
         <div class="section section1">
             <div class="index_banner">
                 <div class="item">
-                    <div class="items scaleBg" style="background-image: url(images/banner1.png);"></div>
+                    <div class="items scaleBg" style="background-image: url(images/1t.png);">
+                        <img src="/images/text1.png" alt="" class="img1">
+                    </div>
                 </div>
                 <div class="item">
-                    <div class="items scaleBg" style="background-image: url(images/banner2.png);"></div>
-                   
+                    <div class="items scaleBg" style="background-image: url(images/2t.png);">
+                        <img src="/images/text2.png" alt="" class="img2">
+                    </div>
                 </div>
                 <div class="item">
-                    <div class="items scaleBg" style="background-image: url(images/banner3.png);"></div>
+                    <div class="items scaleBg" style="background-image: url(images/3t.png);">
+                        <img src="/images/text3.png" alt="" class="img3">
+                    </div>
                    
                 </div>
                 <div class="item">
-                    <div class="items scaleBg" style="background-image: url(images/banner4.png);"></div>
+                    <div class="items scaleBg" style="background-image: url(images/4t.png);">
+                        <img src="/images/text4.png" alt="" class="img4">
+                    </div>
                   
                 </div>
                 <div class="item">
-                    <div class="items scaleBg" style="background-image: url(images/banner5.png);"></div>
-                   
+                    <div class="items scaleBg" style="background-image: url(images/5t.png);">
+                        <img src="/images/text5.png" alt="" class="img5">
+                    </div>
+                     
                 </div>
            	</div>
         </div>