pravki..

src/components/animationComponent/animationComponent.css

@@ -1,6 +1,6 @@
 .animation-container {
   overflow: hidden;
-  height: 100vh;
+  height: 900px;
 
 }
 
@@ -149,6 +149,7 @@
 }
 
 @media screen and (max-width: 1279px) {
+  
   .title__container {
     padding-left: 56px;
   }
@@ -188,7 +189,8 @@
 
 
 @media screen and (max-width: 639px) {
-
+  .animation-container {
+  }
 
   .title__container {
     padding-top: 70px;
@@ -203,23 +205,30 @@
     opacity: 0;
   }
 
+  .title__caption {
+    font-size: 3.1vw;
+    width: 80%;
+  }
+
   .animation-container {
+    height: 100vh;
     background-image: url(./Map.svg);
     background-repeat: no-repeat;
     padding: 10px;
-    background-position-x: 29%;
-    background-position-y: -56%;
+    background-repeat: no-repeat;
+    background-position: 1px 159px;
+    background-size: contain;
   }
 
   .title {
     font-weight: 300;
-    font-size: 54px;
+    font-size: 15vw;
     line-height: 80%;
   }
 
   .title__gardient {
     font-weight: 300;
-    font-size: 54px;
+    font-size: 15vw;
     line-height: 80%;
   }