overlay positioning

Author: valebearzotti

src/components/overlay-404/index.tsx

@@ -4,7 +4,7 @@ export const Overlay404 = () => {
   return (
     <div className="absolute inset-0 z-50 flex items-center justify-center">
       <div className="w-full h-full relative">
-        <div className="absolute top-4 md:top-12 left-1/2 -translate-x-1/2 md:left-auto md:right-12 md:translate-x-0 text-white bg-background w-[174px] lg:w-[204px] text-right font-mono text-xs md:text-sm lg:pl-4 py-1 px-3 md:py-2">
+        <div className="absolute top-4 md:top-3 left-1/2 -translate-x-1/2 md:left-auto md:right-14 md:translate-x-0 text-white bg-background w-[274px] lg:w-[264px] text-right font-mono text-xs md:text-sm lg:pl-4 py-1 px-3 md:py-2">
           <Link href="/" className="z-10">
             Go back home
           </Link>

src/components/overlay/index.tsx

@@ -2,11 +2,11 @@ export const Overlay = () => {
   return (
     <div className="absolute inset-0 z-50 flex items-center justify-center">
       <div className="w-full h-full relative">
-        <div className="absolute top-4 md:top-12 left-1/2 -translate-x-1/2 md:left-auto md:right-12 md:translate-x-0 text-white bg-background w-[274px] lg:w-[264px] text-right font-mono text-xs md:text-sm lg:pl-4 py-1 px-3 md:py-2">
+        <div className="absolute top-4 md:top-3 left-1/2 -translate-x-1/2 md:left-auto md:right-14 md:translate-x-0 text-white bg-background w-[274px] lg:w-[264px] text-right font-mono text-xs md:text-sm lg:pl-4 py-1 px-3 md:py-2">
           Vortex is a highly performant, extensible columnar data format
         </div>
 
-        <div className="absolute bottom-5 md:bottom-1 left-1/2 -translate-x-1/2 md:left-14 md:translate-x-0 text-white bg-background w-[274px] lg:w-[324px] text-left font-mono text-xs md:text-sm lg:px-4 py-1 px-3 md:py-2">
+        <div className="absolute bottom-5 md:bottom-3 left-1/2 -translate-x-1/2 md:left-14 md:translate-x-0 text-white bg-background w-[274px] lg:w-[324px] text-left font-mono text-xs md:text-sm lg:px-4 py-1 px-3 md:py-2">
           It&apos;s both a file format and a memory format, enabling compute
           over compressed data
         </div>