portfolio popup response

src/assets/css/portfolio.css

@@ -30,7 +30,7 @@ section[class*='-section'] {
   /* color: #fff; */
   /* padding-right: 120px; */
   padding-bottom: 88px;
-  /* margin-top: 80px; */
+  margin-top: 80px;
 }
 .hero-section video,
 .hero-section .bg-gif,
@@ -433,7 +433,7 @@ a.portfolio-nav-project-btn:hover {
 }
 .portfolio-modal {
   width: 704px;
-  height: 684px;
+  height: 75vh;
   background: #ffffff;
   border-radius: 7px;
   overflow: hidden;
@@ -451,8 +451,7 @@ a.portfolio-nav-project-btn:hover {
   transform: translateY(0) scale(1);
 }
 .portfolio-logo-wrapper.mobile-view {
-  width: 350px;
-  height: 820px;
+  width: 330px;
 }
 .portfolio-logo-wrapper.mobile-view .logo-popup {
   left: -50%;
@@ -460,7 +459,7 @@ a.portfolio-nav-project-btn:hover {
 }
 .portfolio-logo-wrapper.mobile-view .portfolio-modal {
   width: 360px;
-  height: 580px;
+  height: 87vh;
 }
 .close-popup {
   position: absolute;
@@ -580,8 +579,8 @@ a.portfolio-nav-project-btn:hover {
   position: absolute;
   right: -30px;
   left: 0;
-  bottom: 0;
-  width: 29px;
+  bottom: 12px;
+  width: 30px;
   height: 30px;
   background: transparent;
   border-bottom-left-radius: 7px;
@@ -681,9 +680,9 @@ a.portfolio-nav-project-btn:hover {
 .logo-popup::after {
   content: '';
   position: absolute;
-  bottom: 0;
-  left: -26px;
-  width: 26px;
+  bottom: 12px;
+  left: -13px;
+  width: 13px;
   height: 30px;
   background: transparent;
   border-bottom-right-radius: 7px;
@@ -722,7 +721,6 @@ body.dragging-scroll {
   align-items: flex-start;
   gap: 48px;
   position: relative;
-   /* top: 69px;  */
   top: 69px;
   transition: transform 0.3s ease;
 }
@@ -793,9 +791,9 @@ body.dragging-scroll {
   display: none;
 }
 
-.side-buttons-wrapper.is-rotated {
+/* .side-buttons-wrapper.is-rotated {
   top: 220px;
-}
+} */
 
 .portfolio-logo-wrapper.rotated-desktop .portfolio-scroll {
   overflow-x: auto;
@@ -1806,6 +1804,8 @@ textarea {
 }
 .showcase-section > .container-showcase {
   height: 200vh;
+  position: relative;
+  z-index: 9999;
 }
 .showcase-sticky {
   position: sticky;