Mobile-cards images fix

Author: filipTurk

src/components/shared/service-range-box/service-range-box.scss

@@ -5,6 +5,8 @@
   .box {
     width: 100%;
     margin: 5px !important;
+    margin-top: 15px !important;
+    padding: 15px;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 
     p {
@@ -14,7 +16,9 @@
     }
 
     img {
-      width: 33%;
+      width: auto;
+      max-width: 33%;
+      max-height: 80px;
     }
 
     .img-div {
@@ -40,7 +44,9 @@
     }
 
     img {
-      width: 33%;
+      width: auto;
+      max-width: 33%;
+      max-height: 80px;
     }
 
     .img-div {

src/pages/ai/index.js

@@ -59,7 +59,7 @@ class AIPage extends Component {
               <div className="content text-center pr-3 pl-3 p-lg-0">
                 <Row className="justify-content-center">
                   <Col xs="12" lg="10" xl="8">
-                    <div className="boxes-container">
+                    <div className="boxes-container ">
                       <ServiceRangeBox img={rangeTransformation} text={t("item1")} />
                       <ServiceRangeBox img={rangeTransProducts} text={t("item2")} />
                       <ServiceRangeBox img={rangeReplatforming} text={t("item3")} />