moving eggolfball

html/minigolf.tsx

@@ -1,18 +1,30 @@
 import { EggbugImg, render_and_copy } from "./common.tsx";
 
 render_and_copy(
-    <div style={{ resize: "both", overflow: "hidden" }}>
     <div
         style={{
+            resize: "both",
+            overflow: "hidden",
+            position: "relative",
+            // TODO: V REMOVE ME V
+            outline: "1px solid red",
+            height: "10rem",
+        }}
+    >
+        <EggbugImg
+            type="golfball"
+            style={{
+                margin: 0,
                 position: "absolute",
                 right: 0,
                 bottom: 0,
-                aspectRatio: 1,
                 width: "5rem",
+                height: "5rem",
                 pointerEvents: "none",
             }}
-        >
-            <EggbugImg type="golfball" style={{ margin: 0 }} />
-        </div>
+        />
     </div>
 );
+
+// OOOO: score with like a dial thing and an arrow pointing to it
+// might be possible to have multiple holes with a details element that comes into frame hm