fix: add svg to main section

src/views/home/ui/main/main.module.scss

@@ -24,10 +24,11 @@
     height: rem(900px);
     z-index: -1;
 
-    & img {
+    .Background {
       object-fit: cover;
       filter: brightness(0.5);
     }
+
   }
 }
 
@@ -122,6 +123,7 @@
 }
 
 .Info {
+  position: relative;
   margin: 0 auto;
   display: flex;
   flex-direction: column;
@@ -131,15 +133,49 @@
   @include iftablet {
     flex-direction: row;
     gap: unset;
-    padding: rem(130px) 0 rem(160px);
+    padding: rem(110px) 0 rem(160px);
   }
 
   @include iflaptop {
-    padding: rem(130px) 0 rem(160px);
+    padding: rem(110px) 0 rem(160px);
   }
 
   @include ifdesktop {
-    padding: rem(160px) 0 rem(120px);
+    padding: rem(130px) 0 rem(120px);
+  }
+
+  .Map {
+    position: absolute;
+    z-index: -1;
+    width: 90vw;
+    bottom: rem(-50px);
+    right: 50%;
+    transform: translateX(50%);
+
+    @media (min-width: 500px) and (max-width: 768px) {
+      bottom: rem(-40px);
+      width: rem(480px);
+    }
+
+    @include iftablet {
+      width: rem(500px);
+      top: rem(10px);
+      bottom: unset;
+      right: rem(-50px);
+      transform: none;
+    }
+
+    @include iflaptop {
+      width: rem(580px);
+      top: rem(10px);
+      right: rem(-30px);
+    }
+
+    @include ifdesktop {
+      width: rem(800px);
+      top: rem(120px);
+      right: rem(-100px);
+    }
   }
 
   .Content {

src/views/home/ui/main/main.tsx

@@ -5,6 +5,7 @@ import { ConsultationOrder } from '@/entities/home/consultation-order';
 import { CallbackOrder } from '@/entities/home/callback-order';
 
 import bgStart from '@public/images/bg-start-desktop.jpg';
+import ruKrdMap from '@public/svg/ru-krd-map.svg';
 import logo from '@public/images/dtr-logo.png';
 import waIcon from '@public/svg/whatsapp.svg';
 import emailIcon from '@public/svg/email-icon.svg';
@@ -14,6 +15,7 @@ export default function Main() {
     <section className={s.Main}>
       <div className={s.Main_BgWrapper}>
         <Image
+          className={s.Background}
           src={bgStart}
           placeholder='blur'
           alt={''}
@@ -51,6 +53,7 @@ export default function Main() {
         </div>
       </div>
       <div className={s.Info}>
+        <Image className={s.Map} src={ruKrdMap} alt={''} priority />
         <div className={s.Content}>
           <h1 className={s.Title}>
             Полное обследование объекта на соответствие требованиям пожарной
@@ -64,6 +67,9 @@ export default function Main() {
             <li className={s.ListItem}>
               Сокращение затрат на модернизацию пожарных систем
             </li>
+            <li className={s.ListItem}>
+              Работаем на всей территории Краснодарского края
+            </li>
           </ul>
         </div>
         <div className={s.Phone}>