scroll stepbystep showcase section

src/assets/css/portfolio.css

@@ -643,7 +643,7 @@ section[class*='-section'] {
 }
 .scroll-track {
   width: 5px;
-  height: 93px;
+  height: 86px;
   background: #dfdfdf;
   border-radius: 26.6px;
   position: relative;
@@ -672,7 +672,7 @@ body.dragging-scroll {
   align-items: flex-start;
   gap: 48px;
   position: relative;
-  /* top: 69px; */
+  top: 69px;
   transition: transform 0.3s ease;
 }
 .side-buttons {
@@ -1504,7 +1504,7 @@ textarea {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(280px, 389px));
   gap: 16px;
-
+margin-top: 24px;
   justify-content: center;
 }
 .related-card {
@@ -1733,6 +1733,7 @@ textarea {
   top: 0;
   left: 0;
   width: 100%;
+  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
 }
 .text-item {
   height: 60dvh;