fix(ui): restore dyvolis hero PNG, new dino hero image + reposition, fix birthday form date field width

src/components/forms/BirthdayBookingForm.tsx

@@ -155,7 +155,7 @@ export function BirthdayBookingForm({ defaultPackage }: BirthdayBookingFormProps
             required
             value={preferredDate}
             onChange={(e) => setPreferredDate(e.target.value)}
-            className={INPUT_CLS + ' md:col-span-2'}
+            className={INPUT_CLS}
             style={{ fontFamily: FONT }}
           />
         </Field>

src/components/sections/DinoPageContent.tsx

@@ -296,9 +296,10 @@ const DYNO_CSS = `
 .dino-page .hero{position:relative;overflow:hidden;padding-top:60px;}
 .dino-page .hero .wrap{position:relative;}
 .dino-page .hero-dino{
-  position:absolute;top:12px;right:-60px;height:1096px;width:auto;max-width:none;
+  position:absolute;top:-20px;right:-40px;height:auto;width:min(760px,52vw);max-width:none;
   z-index:0;pointer-events:none;
   filter:contrast(1.08) saturate(1.12);
+  object-fit:contain;object-position:top right;
 }
 .dino-page .hero-text{position:relative;z-index:2;max-width:608px;padding:60px 0 40px;}
 .dino-page .hero-text h1{
@@ -1005,7 +1006,7 @@ export function DinoPageContent({
         <section className="hero">
           <img
             className="hero-dino"
-            src={heroImageUrl ?? '/images/figma/dyno-hero.webp'}
+            src={heroImageUrl ?? '/images/figma/dyno-hero-v2.png'}
             alt=""
             aria-hidden="true"
             loading="eager"

src/components/sections/DyvoLisHero.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable @next/next/no-img-element */
 import { BtnPrimary } from '@/components/ui/BtnPrimary'
 
-const HERO_IMG = '/images/dyvolis/hero-cat.jpg'
+const HERO_IMG = '/images/dyvolis/hero-cat.png'
 const ELLIPSE_ORANGE = '/images/dyvolis/ellipse-orange.svg'
 
 const DEFAULT_TIPS = [
@@ -152,7 +152,6 @@ export function DyvoLisHero({
             top: '-20.7%',
             width: '126.9%',
             height: 'auto',
-            mixBlendMode: 'screen',
           }}
           loading="eager"
         />