fix: test

Author: sikkzz

apps/tuk-landing/src/app/(home)/src/components/MainSection.tsx

@@ -5,15 +5,17 @@ import Link from 'next/link';
 
 const MainSection = () => {
   return (
-    <section id="thumbnail" className="fixed left-0 top-0 z-[-1] h-dvh w-full">
+    <section id="thumbnail" className="h-dvh w-full">
       <div className="absolute inset-0 z-0">
         <Image
           src="/main-bg.jpg"
           alt="Main Background"
-          fill
+          fill={false}
           priority
           quality={100}
-          className="object-cover object-center opacity-90"
+          width={1440}
+          height={900}
+          className="size-full object-cover object-center opacity-90"
         />
       </div>
 

apps/tuk-landing/src/app/(home)/src/components/ServiceInfoSection.tsx

@@ -3,7 +3,7 @@ import Link from 'next/link';
 
 const ServiceInfoSection = () => {
   return (
-    <div className="mt-[100dvh] rounded-t-[3.75rem] bg-white-default pt-[3.75rem] max-[880px]:rounded-t-[1.625rem] max-[880px]:pt-[1.625rem]">
+    <div className="rounded-t-[3.75rem] bg-white-default pt-[3.75rem] max-[880px]:rounded-t-[1.625rem] max-[880px]:pt-[1.625rem]">
       <section className="relative mb-40 mt-[8.75rem] max-[1280px]:mt-[6.25rem] max-[880px]:mt-10">
         <div className="m-auto max-w-screen-xl overflow-hidden p-0 px-[4.375rem] max-[1280px]:max-w-[880px] max-[1280px]:px-6 min-[1281px]:p-[2.875rem]">
           <div className="px-6">