More messing about, and learning how it all works. Added time to header. Changed some padding. Changed video to preview not target detection. Added TODO list.

src/components/SightingOverview/SightingOverview.tsx

@@ -35,7 +35,7 @@ const SightingOverview = () => {
     <div className="mt-2 grid gap-3">
       <div className="inline-block w-[90%] mx-auto" {...handlers}>
         <NavigationArrow side={side} />
-        <div className="relative aspect-[5/4]">
+        <div className="relative aspect-[1280/800]">
           <img
             ref={imgRef}
             onLoad={() => {