image added to section

src/assets/css/main.css

@@ -160,6 +160,11 @@ p {
   border: 1px solid #89216b;
   background-image: linear-gradient(90deg, #89216b 0%, #da4453 100%); */
 }
+@media only screen and (max-width: 568px) {
+  .main-btn {
+    padding: 0 15px;
+  }
+}
 .main-btn:hover {
   background-color: #fff;
   color: #2b70fa;
@@ -6730,29 +6735,38 @@ blockquote cite {
   background-repeat: no-repeat;
 }
 
-.appie-about-8-box {
-  padding: 50px 50px 145px;
+.appie-about-container {
   background: #fff;
   border-radius: 6px;
   box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
   position: relative;
   overflow: hidden;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.appie-about-8-box {
+  padding: 50px 50px 0px 50px;
   z-index: 10;
 }
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .appie-about-8-box {
-    padding: 50px 25px 145px;
+    padding: 50px 25px 0px 25px;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
-  .appie-about-8-box {
+  .appie-about-container {
     margin-bottom: 30px;
   }
 }
 @media (max-width: 767px) {
-  .appie-about-8-box {
+  .appie-about-container{
     margin-bottom: 30px;
-    padding: 50px 20px 145px;
+  }
+  .appie-about-8-box {
+    padding: 50px 20px 0px 20px;
   }
 }
 .appie-about-8-box .thumb {
@@ -6779,13 +6793,13 @@ blockquote cite {
     line-height: 40px;
   }
 }
-.appie-about-8-box a {
+.appie-about-container a {
   border: 2px solid #db0f30;
   color: #db0f30;
   background: #fff;
   margin-top: 30px;
 }
-.appie-about-8-box a:hover {
+.appie-about-container a:hover {
   color: #fff;
   background: #db0f30;
   border-color: #db0f30;