fix(home): add adaptive to sections

src/views/home/experience/styles.module.scss

@@ -0,0 +1,86 @@
+.Experience {
+  display: grid;
+  grid-template-columns: auto;
+  gap: 0;
+  width: 100%;
+  background-color: transparent;
+  background-image: linear-gradient(300deg, #009283 46%, #58c644 57%);
+  padding: rem(40px) 0 rem(20px);
+
+  @include iftablet {
+    grid-template-columns: 1fr 1fr;
+    padding: rem(20px) 0;
+  }
+
+  .LeftBlock {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    gap: rem(20px);
+
+    @include iftablet{
+      gap: rem(40px);
+    }
+
+    .Rounded {
+      font-family: $font-roboto;
+      font-weight: 400;
+      font-size: rem(24px);
+      line-height: 130%;
+      color: $color-white;
+
+      border-radius: rem(28px);
+      border: 1px solid $color-white;
+      padding: rem(20px);
+      text-align: center;
+
+      @include iftablet{
+        font-size: rem(24px);
+        line-height: 130%;
+        width: rem(160px);
+        padding: rem(20px) rem(20px);
+        border-radius: rem(60px);
+      }
+
+      @include iflaptop{
+        font-size: rem(30px);
+        line-height: 130%;
+        width: rem(260px);
+        padding: rem(10px) rem(20px);
+        border-radius: rem(60px);
+      }
+    }
+  }
+
+  .RightBlock {
+    display: flex;
+    flex-direction: column;
+    gap: rem(10px);
+    padding: rem(20px) rem(40px);
+
+    .SubBlock {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: rem(16px);
+
+      .Icon {
+        width: rem(32px);
+        flex-shrink: 0;
+        @include iftablet{
+          width: rem(64px);
+        }
+      }
+
+      .Text {
+        flex-shrink: 1;
+        font-family: $font-roboto;
+        font-weight: 400;
+        font-size: rem(16px);
+        line-height: 130%;
+        color: $color-white;
+      }
+    }
+  }
+}