Tweak RegisterToday section spacing

Author: hasparus

src/app/conf/2025/register-today/index.tsx

@@ -13,16 +13,17 @@ export function RegisterToday({ className }: RegisterTodayProps) {
   return (
     <section
       className={clsx(
-        "flex gap-x-24 gap-y-10 px-4 max-md:flex-col md:px-24",
+        "flex gap-x-24 gap-y-10 px-4 max-lg:flex-col-reverse md:px-24",
         className,
       )}
     >
+      {/* todo: test if the placeholder works in deploy preview */}
       <NextImage
         src={speakerImage}
         alt="GraphQL Conference"
-        width={450}
-        height={566}
-        className="object-cover"
+        width="450"
+        height="566"
+        className="aspect-[312/392.43] w-full object-cover lg:aspect-[450/566] lg:h-[566px] lg:w-[450px]"
       />
       <div className="flex flex-col justify-between">
         <div>
@@ -34,7 +35,7 @@ export function RegisterToday({ className }: RegisterTodayProps) {
             shape the next decade of APIs!
           </p>
         </div>
-        <div className="flex gap-x-6 gap-y-4 max-md:flex-col">
+        <div className="mt-10 flex gap-x-6 gap-y-4 max-md:flex-col">
           <Button>Register today</Button>
           <Button variant="secondary">Become a speaker</Button>
         </div>