From 4dc3a976b7970e97561bf712a2cf9a1091d9cac7 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Thu, 28 Aug 2025 17:47:52 -0500
Subject: [PATCH] Refining photo form floating thumbnail

---
 src/photo/form/PhotoForm.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/photo/form/PhotoForm.tsx b/src/photo/form/PhotoForm.tsx
index 04bf26e3..10f27e3a 100644
--- a/src/photo/form/PhotoForm.tsx
+++ b/src/photo/form/PhotoForm.tsx
@@ -330,14 +330,18 @@ export default function PhotoForm({
         <div className="relative">
           {thumbnail(true)}
           <div className={clsx(
-            'max-lg:hidden fixed top-8 left-[42rem]',
-            // Prevent image blocking form buttons
+            'max-md:hidden',
+            'fixed top-8',
+            // Orient around responsive form fields
+            'left-[77%] min-[850px]:left-[41rem] lg:left-[42rem]',
+            'mr-4',
+            // Prevent image blocking form button interaction
             'pointer-events-none',
           )}>
             {thumbnail(false, clsx(
               'opacity-0 -translate-y-4',
               !isThumbnailVisible &&
-                'opacity-100 translate-y-0 transition-all duration-200',
+                'opacity-100 translate-y-0 transition-all duration-300',
             ))}
           </div>
           <div className={clsx(