retouch of hero sliders

public/css/style.css

@@ -429,17 +429,29 @@ button:focus {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
-  height: 700px;
+  height: 900px;
   position: relative;
 }
 
-.slider-item .slider-shape img {
+.slider-item-img-1 {
+  background-image: url("/images/home-one/home-slider-1.png");
+}
+
+.slider-item-img-2 {
+  background-image: url("/images/home-one/home-slider-2.png");
+}
+          
+.slider-item-img-3 {
+  background-image: url("/images/home-one/home-slider-3.png");
+}
+
+/* .slider-item .slider-shape img {
   width: 100%;
   height: 700px;
   object-fit: cover;
-}
+} */
 
-.slider-item .slider-shape-two img {
+/* .slider-item .slider-shape-two img {
   width: 100%;
   height: 700px;
   object-fit: cover;
@@ -448,7 +460,7 @@ button:focus {
 .slider-item .slider-shape-three img {
   width: 100%;
   height: 100%;
-}
+} */
 
 /* .slider-item::before {
   position: absolute;
@@ -472,20 +484,13 @@ button:focus {
   transform: translateY(-50%);
 }
 
-.slider-info-one{
+.slider-infos{
   position: absolute;
   top: 50%;
   left: 100px;
   transform: translateY(-50%);
 }
 
-.slider-info-two{
-  position: absolute;
-  left: 100px;
-  bottom: 35%;
-}
-
-
 .slider-item .slider-text h1 {
   font-weight: 700;
   font-size: 46px;