change envelope look on mobile

Author: Tiago-R

css/menikah.css

@@ -1322,13 +1322,26 @@ input#flap {
 
 @media (max-width: 720px) {
   .envelope-stage {
-    inset: auto;
-    left: 50%;
-    top: 52%;
-    width: min(92vw, 560px);
-    aspect-ratio: 1.58 / 1;
-    height: auto;
-    transform: translate(-50%, -50%);
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    transform: none;
+  }
+
+  .envelope-panel-left {
+    clip-path: polygon(0 0, 50% 53%, 0 100%);
+  }
+
+  .envelope-panel-right {
+    clip-path: polygon(100% 0, 50% 53%, 100% 100%);
+  }
+
+  .envelope-panel-bottom {
+    clip-path: polygon(0 100%, 50% 53%, 100% 100%);
+  }
+
+  .envelope-panel-flap {
+    clip-path: polygon(0 0, 50% 53%, 100% 0);
   }
 
   .envelope-letter {
@@ -1338,9 +1351,9 @@ input#flap {
   }
 
   .envelope-seal {
-    top: 56%;
-    width: clamp(220px, 52vmin, 360px);
-    height: clamp(220px, 52vmin, 360px);
+    top: 53%;
+    width: clamp(200px, 46vmin, 320px);
+    height: clamp(200px, 46vmin, 320px);
   }
 
   .preloader-title {