final submit

components/HomeOne/HeroSlider.js

@@ -66,7 +66,7 @@ const HeroSlider = () => {
                                     {/* <div className="slider-shape-two">
                                         <img src="/images/home-one/home-slider-2.png" alt="Shape" />
                                     </div> */}
-                                   <div className="slider-infos">
+                                   <div className="slider-info-one">
                                       <h1>Caring Health is Important Than All</h1>
                                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
                                     
@@ -93,7 +93,7 @@ const HeroSlider = () => {
                                     {/* <div className="slider-shape-three">
                                         <img src="/images/home-one/home-slider-3.png" alt="Shape" />
                                     </div> */}
-                                    <div className="slider-infos">
+                                    <div className="slider-info-two">
                                       <h1>We Offer Highly Treatments</h1>
                                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
                                     

public/css/responsive.css

@@ -95,20 +95,26 @@
     max-width: 100%;
   }
  /* text for the two images  */
-/* .slider-info{
+.slider-info{
   position: absolute;
   top: 50%;
-  right: 100px;
+  right: 0;
   transform: translateY(-50%);
-} */
+} 
 
-/* .slider-infos{
+ .slider-info-one{
   position: absolute;
   top: 50%;
-  left: 100px;
+  left: 0;
   transform: translateY(-50%);
-} */
+}
 
+ .slider-info-two{
+  position: absolute;
+  top: 10%;
+  left: 0;
+  transform: translateY(-50%);
+}
   .common-btn a {
     font-size: 13px;
     padding: 13px 14px 12px;

public/css/style.css

@@ -429,10 +429,10 @@ button:focus {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
-  height: 900px;
+  height: 700px;
   position: relative;
 }
-
+ 
 .slider-item-img-1 {
   background-image: url("/images/home-one/home-slider-1.png");
 }
@@ -443,6 +443,7 @@ button:focus {
           
 .slider-item-img-3 {
   background-image: url("/images/home-one/home-slider-3.png");
+  background-size: 100% 100%;
 }
 
 /* .slider-item .slider-shape img {
@@ -484,13 +485,20 @@ button:focus {
   transform: translateY(-50%);
 }
 
-.slider-infos{
+.slider-info-one{
   position: absolute;
   top: 50%;
   left: 100px;
   transform: translateY(-50%);
 }
 
+.slider-info-two{
+  position: absolute;
+  top: 50%;
+  left: 100px;
+  transform: translateY(-10%);
+}
+
 .slider-item .slider-text h1 {
   font-weight: 700;
   font-size: 46px;