single report page and mobile avatar fix

src/components/Description/Description.js

@@ -35,7 +35,7 @@ const Description = ({ onLoadMore, isLoadingMore }) => {
           {
             candidatesListArr && candidatesListArr.length > 0 ? candidatesListArr.map((el) => (
               <div className="row" key={el.id}>
-                <div className="col-2">
+                <div className="col-2 col-xs-12">
                   <img className={style.description__img} src={el.photo} alt="" />
                 </div>
                 <div className="col-12 col-xl-6">

src/components/Description/Description.module.css

@@ -30,8 +30,11 @@
 @media (max-width: 575.98px) {
   .description__img {
     position: absolute;
-    top: 80px;
-    left: 0;
+    top: 100px;
+    left: calc(50% - 60px);
+  }
+  .description__wrapper {
+    padding: 45px 40px 0 40px;
   }
 }