fix footer

src/layout/UiLayout.vue

@@ -2,9 +2,13 @@
   <div
     class="min-h-svh bg-black-50 lato-regular relative overflow-visible before:content-[''] before:absolute before:bottom-0 before:h-[520px] before:w-full before:bg-[url(/src/assets/img/webp/footer-flowers.webp)] before:bg-no-repeat before:bg-bottom before:bg-cover before:z-0"
   >
-    <UiHeader />
-    <UiMain />
-    <UiFooter />
+    <div
+      class="relative z-10 after:content-[''] after:absolute after:top-0 after:right-0 after:w-[820px] after:h-[535px] after:bg-[url(/src/assets/img/webp/gradient.webp)] after:bg-no-repeat after:bg-[right_top] after:bg-contain after:pointer-events-none"
+    >
+      <UiHeader />
+      <UiMain class="!min-h-[800px]" />
+      <UiFooter />
+    </div>
   </div>
 </template>