diff --git a/sass/component/animation.scss b/sass/component/animation.scss
index 607e5c5e..4b9940a4 100644
--- a/sass/component/animation.scss
+++ b/sass/component/animation.scss
@@ -1,62 +1,93 @@
 @import "../variables/media";
-@media (min-width: $media-md) {
-  .animation {
-    &--right {
-      .animation-item {
-        left: 171rem!important;
-        opacity: 0!important;
-        transition: left var(--transition), opacity var(--transition);
-      }
 
-    }
-    &--right-play {
-      .animation-item {
-        left: 38rem!important;
-        opacity: 1!important;
-        transition: left var(--transition), opacity var(--transition);
-      }
+.animation {
+  .animation-item {
+    opacity: 0;
+  }
 
-    }
+  &--right {
+    .animation-item {
+      left: 171rem !important;
+      opacity: 0 !important;
+      transition: left var(--transition), opacity var(--transition), right var(--transition);
 
-    &--left {
-      .animation-item {
-        right: 171rem!important;
-        opacity: 0!important;
-        transition: right var(--transition), opacity var(--transition);
-      }
+      @media (max-width: $media-md) {
+        left: auto !important;
+        right: 110rem !important;
 
+      }
     }
-    &--left-play {
-      .animation-item {
-        right: 40rem!important;
-        opacity: 1!important;
-        transition: right var(--transition), opacity var(--transition);
+
+  }
+
+  &--right-play {
+    .animation-item {
+      left: 38rem !important;
+      opacity: 1 !important;
+      transition: left var(--transition), opacity var(--transition), right var(--transition);
+
+      @media (max-width: $media-md) {
+        left: auto !important;
+        right: 38rem !important;
+
       }
+    }
+
+  }
+
+  &--left {
+    .animation-item {
+      right: 171rem !important;
+      opacity: 0 !important;
+      transition: left var(--transition), opacity var(--transition), right var(--transition);
 
+      @media (max-width: $media-md) {
+        left: 170rem !important;
+        right: auto !important;
+
+      }
     }
 
-    &--down {
-      .animation-item {
-        margin-bottom: -271rem!important;
-        opacity: 0!important;
-        transition: margin-bottom var(--transition), opacity var(--transition);
+  }
+
+  &--left-play {
+    .animation-item {
+      right: 40rem !important;
+      opacity: 1 !important;
+      transition: left var(--transition), opacity var(--transition), right var(--transition);
+
+      @media (max-width: $media-md) {
+        left: 120rem !important;
+        right: auto !important;
+
       }
+    }
+
+  }
 
+  &--down {
+    .animation-item {
+      margin-bottom: -271rem !important;
+      opacity: 0 !important;
+      transition: margin-bottom var(--transition), opacity var(--transition);
     }
-    &--down-play {
-      .animation-item {
-        margin-bottom: 0rem!important;
-        opacity: 1!important;
-        transition: margin-bottom var(--transition), opacity var(--transition);
-      }
 
+  }
+
+  &--down-play {
+    .animation-item {
+      margin-bottom: 0rem !important;
+      opacity: 1 !important;
+      transition: margin-bottom var(--transition), opacity var(--transition);
     }
-    &--play-right-revers {
+
+  }
+
+  &--play-right-revers {
     .animation-item {
-            left: 170rem!important;
-            opacity: 1!important;
-            transition: left var(--transition), opacity var(--transition);
-          }
+      left: 170rem !important;
+      opacity: 1 !important;
+      transition: left var(--transition), opacity var(--transition);
     }
   }
-}
+}
\ No newline at end of file
diff --git a/sass/pages/home.scss b/sass/pages/home.scss
index 7a14e79f..81b3b968 100644
--- a/sass/pages/home.scss
+++ b/sass/pages/home.scss
@@ -16,18 +16,21 @@
     background: url('/images/hero/hero-bg.jpg') center center / cover no-repeat cover;
     min-height: auto;
     padding: 120rem 0 51rem;
-      margin: 0;
+    margin: 0;
   }
-  .button  {
+
+  .button {
     padding: 18rem 40rem;
   }
+
   &__container {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     position: relative;
+
     @media (max-width: $media-md) {
-     flex-direction: column;
+      flex-direction: column;
       justify-content: center;
     }
   }
@@ -35,12 +38,13 @@
   &__content {
     max-width: 494rem;
     z-index: 10;
+
     @media (max-width: $media-md) {
       text-align: center;
       display: flex;
       flex-direction: column;
       align-items: center;
-margin-bottom: 35rem;
+      margin-bottom: 35rem;
     }
   }
 
@@ -58,6 +62,7 @@ margin-bottom: 35rem;
     right: -20rem;
     transform: translateY(-50%);
     max-width: 572rem;
+
     @media (max-width: $media-md) {
       position: static;
       transform: none;
@@ -74,93 +79,114 @@ margin-bottom: 35rem;
   align-items: center;
   justify-content: center;
   min-height: 660rem;
+
   @media (max-width: $media-md) {
     min-height: auto;
     padding: 40rem 0;
     margin: 0;
   }
+
   &__container {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     position: relative;
+
     @media (max-width: $media-md) {
       max-width: 150rem;
     }
   }
+
   &__img {
     background: var(--map-section-icon) center center / cover no-repeat;
     width: 144rem;
     height: 144rem;
+
     margin-bottom: var(--mb-16);
+
     @media (max-width: $media-md) {
       max-width: 120rem;
       max-height: 120rem;
     }
   }
+
   &__title {
     margin-bottom: 20rem;
     color: var(--map-grey-text);
+
     @media (max-width: $media-md) {
       margin-bottom: var(--mb-16);
     }
   }
+
   &__description {
-      color: var(--map-grey-text);
+    color: var(--map-grey-text);
   }
+
   &__icon {
     position: absolute;
     left: calc(50% - 25rem);
     top: calc(50% - 25rem);
+
     @media (max-width: $media-md) {
       border: var(--icon-border) solid var(--icon-border-green);
       border-radius: 100rem;
     }
+
     &:nth-child(1) {
       width: 96rem;
       left: calc(50% + 155rem);
       top: calc(50% - 105rem);
+
       @media (max-width: $media-md) {
         width: calc(30rem + var(--icon-border));
         left: calc(50% - -95rem);
         top: calc(50% - 59rem);
       }
     }
+
     &:nth-child(2) {
       width: 72rem;
       left: calc(50% + 245rem);
       top: calc(50% + 35rem);
+
       @media (max-width: $media-md) {
         width: calc(22rem + var(--icon-border));
         left: calc(50% - -135rem);
         top: calc(50% - 6rem);
       }
     }
+
     &:nth-child(3) {
       width: 96rem;
       left: calc(50% - 335rem);
       top: calc(50% - 106rem);
+
       @media (max-width: $media-md) {
         width: calc(30rem + var(--icon-border));
         left: calc(50% - 125rem);
         top: calc(50% - 59rem);
       }
     }
+
     &:nth-child(4) {
       width: 72rem;
       left: calc(50% - 245rem);
       top: calc(50% + 44rem);
+
       @media (max-width: $media-md) {
         width: calc(22rem + var(--icon-border));
         left: calc(50% - 165rem);
         top: calc(50% + -6rem);
       }
     }
+
     &:nth-child(5) {
       width: 80rem;
       left: calc(50% + 335rem);
       top: calc(50% + 143rem);
+
       @media (max-width: $media-md) {
         width: calc(25rem + var(--icon-border));
         left: calc(50% - -89rem);
@@ -168,32 +194,38 @@ margin-bottom: 35rem;
 
       }
     }
+
     &:nth-child(6) {
       width: 64rem;
       left: calc(50% + 275rem);
       top: calc(50% - 187rem);
+
       @media (max-width: $media-md) {
         width: calc(20rem + var(--icon-border));
         left: calc(50% + 136rem);
         top: calc(50% - 105rem);
       }
     }
+
     &:nth-child(7) {
       width: 80rem;
       left: calc(50% - 205rem);
       top: calc(50% + 203rem);
+
       @media (max-width: $media-md) {
         width: calc(25rem + var(--icon-border));
         left: calc(50% - 117rem);
         top: calc(50% - -43rem);
       }
     }
+
     &:nth-child(8) {
       width: 64rem;
       left: calc(50% - 145rem);
       top: calc(50% - 187rem);
+
       @media (max-width: $media-md) {
-       width: calc(20rem + var(--icon-border));
+        width: calc(20rem + var(--icon-border));
         left: calc(50% - 165rem);
         top: calc(50% - 104rem);
 
@@ -209,21 +241,25 @@ margin-bottom: 35rem;
       margin: 0 auto;
     }
   }
+
   &__container {
     padding: 50rem 40rem;
     border-radius: var(--border-r-24);
     background-color: var(--bg-green);
+
     @media (max-width: $media-md) {
-      padding: var( --container-mob-section) var( --container-mob-padding);
+      padding: var(--container-mob-section) var(--container-mob-padding);
       border-radius: 0;
     }
   }
+
   &__item {
     display: flex;
     align-items: center;
     padding-bottom: 60rem;
     gap: 50rem;
     margin-right: -50rem;
+
     @media (max-width: $media-md) {
       flex-direction: column-reverse;
       margin-right: 0;
@@ -231,37 +267,46 @@ margin-bottom: 35rem;
       text-align: center;
       padding-bottom: 40rem;
     }
+
     &:nth-child(2n) {
       flex-direction: row-reverse;
       margin-right: auto;
       margin-left: -50rem;
+
       .services__card {
-      justify-content: flex-start;
+        justify-content: flex-start;
 
       }
-      .services__img--first  {
+
+      .services__img--first {
         left: auto;
         right: 0;
       }
+
       @media (max-width: $media-md) {
         flex-direction: column-reverse;
         margin-left: 0;
+
         .services__card {
           justify-content: center;
         }
       }
     }
+
     &:last-child {
       padding-bottom: 0;
     }
 
   }
+
   &__content {
     max-width: 498rem;
   }
+
   &__title {
     max-width: 367rem;
   }
+
   &__description {
     margin: 24rem 0;
   }
@@ -272,17 +317,20 @@ margin-bottom: 35rem;
     display: flex;
     justify-content: flex-end;
     overflow: hidden;
+
     &--start {
       justify-content: flex-start;
     }
+
     @media (max-width: $media-md) {
       width: 100%;
-    display: flex;
+      display: flex;
       align-items: center;
       flex-direction: row-reverse;
-      justify-content: center;
+      justify-content: flex-end;
     }
   }
+
   &__button {
     position: absolute;
     top: 50%;
@@ -290,16 +338,20 @@ margin-bottom: 35rem;
     transform: translate(-50%, -50%);
     z-index: 10;
   }
+
   &__img {
     padding: 20rem;
     z-index: 3;
     max-width: 310rem;
+    transform: none;
 
     @media (max-width: $media-md) {
       max-width: 140rem;
       max-height: 240rem;
       padding: 0;
+      transform: translateX(60rem);
     }
+
     &--first {
       object-fit: cover;
       z-index: 1;
@@ -309,9 +361,9 @@ margin-bottom: 35rem;
       top: 50%;
       left: -19rem;
       transform: translateY(-50%);
+
       @media (max-width: $media-md) {
-        position: static;
-        transform: none;
+
         max-width: 190rem;
         max-height: 190rem;
         margin-left: -60rem;
@@ -322,32 +374,39 @@ margin-bottom: 35rem;
 
 // Singl
 .single-section {
-margin: 60rem 0;
+  margin: 60rem 0;
   overflow: hidden;
+
   @media (max-width: $media-md) {
-    padding: var( --container-mob-section) 0;
-    margin:0;
+    padding: var(--container-mob-section) 0;
+    margin: 0;
   }
+
   &__container {
     padding: 0rem 40rem 0;
     border-radius: var(--border-r-24);
     background-color: var(--bg-green);
+
     @media (max-width: $media-md) {
       padding: var(--container-mob-section) var(--container-mob-padding) 0;
     }
   }
+
   &__item {
     display: flex;
     align-items: flex-end;
     gap: 50rem;
+
     @media (max-width: $media-md) {
       gap: 20rem;
       flex-direction: column;
     }
   }
+
   &__content {
     max-width: 498rem;
     padding: 90rem 0;
+
     @media (max-width: $media-md) {
       margin: 0;
       padding: 0;
@@ -357,18 +416,22 @@ margin: 60rem 0;
       text-align: center;
     }
   }
+
   &__title {
     max-width: 357rem;
   }
+
   &__description {
     margin: 24rem 0;
   }
+
   &__card {
     position: relative;
     flex-grow: 1;
     display: flex;
     justify-content: flex-end;
     overflow: hidden;
+
     @media (max-width: $media-md) {
       justify-content: center;
     }
@@ -379,4 +442,4 @@ margin: 60rem 0;
     z-index: 3;
     width: 100%;
   }
-}
+}
\ No newline at end of file