image redo

public/css/responsive.css

@@ -38,12 +38,9 @@
   }
   /*-- End Header Top --*/
   /*-- Home Slider --*/
-  /* .slider-item {
-    height: 100%;
-    padding-top: 80px;
-    padding-bottom: 80px;
-    text-align: center;
-  } */
+  .slider-item {
+    height: 400px;
+  }
   .slider-item .slider-shape img {
     position: relative;
     top: 0;
@@ -51,8 +48,9 @@
     left: 0;
     margin-left: auto;
     margin-right: auto;
-    /* max-width: 290px; */
     margin-bottom: 20px;
+    height: 400px;
+    object-fit: cover;
   }
   .slider-item .slider-shape-two img {
     position: relative;
@@ -61,8 +59,9 @@
     left: 0;
     margin-left: auto;
     margin-right: auto;
-    /* max-width: 290px; */
     margin-bottom: 20px;
+    height: 400px;
+    object-fit: cover;
   }
   .slider-item .slider-shape-three img {
     position: relative;
@@ -71,10 +70,11 @@
     left: 0;
     margin-left: auto;
     margin-right: auto;
-    /* max-width: 290px; */
     margin-bottom: 20px;
+    height: 400px;
+    object-fit: cover;
   }
-  /* .slider-item:before {
+  .slider-item:before {
     position: absolute;
     content: '';
     width: 100%;
@@ -83,9 +83,10 @@
     top: 0;
     background-color: #0046c0;
     opacity: .80;
-  } */
+  }
   .slider-item .slider-text {
     margin-top: 0px;
+    text-align: center; 
   }
   .slider-item .slider-text h1 {
     font-size: 26px;
@@ -96,6 +97,13 @@
     margin-bottom: 30px;
     max-width: 100%;
   }
+ /* text for the two imgs  */
+  .slider-infos{
+    top: 30%;
+    right: 0;
+    transform: translateY(-50%);
+  }
+
   .common-btn a {
     font-size: 13px;
     padding: 13px 14px 12px;