new top menu gifs

frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx

@@ -75,12 +75,15 @@ const appMenuTabs: MenuIconItem<TabId>[] = [
     id: "EDIT",
     label: "Edit Image",
     icon: <FontAwesomeIcon icon={faPenNib} />,
+    imageSrc: "/resources/gifs/INPAINT_CANVAS_DEMO.gif",
+    description: "Modify your image with AI",
+    large: true,
   },
   {
     id: "2D",
     label: "2D Canvas",
     icon: <FontAwesomeIcon icon={faPaintbrush} />,
-    imageSrc: "/resources/gifs/artcraft-canvas-demo.gif",
+    imageSrc: "/resources/gifs/2D_CANVAS_DEMO.gif",
     description: "Easy edits. Great for graphic design.",
     large: true,
   },
@@ -88,7 +91,7 @@ const appMenuTabs: MenuIconItem<TabId>[] = [
     id: "3D",
     label: "3D Editor",
     icon: <FontAwesomeIcon icon={faCube} />,
-    imageSrc: "/resources/gifs/artcraft-3d-demo.gif",
+    imageSrc: "/resources/gifs/3D_CANVAS_DEMO.gif",
     description: "Precision control. Great for AI film.",
     large: true,
   },

frontend/libs/components/tooltip/src/lib/tooltip.tsx

@@ -152,7 +152,7 @@ export const Tooltip = ({
               <img
                 src={imageSrc}
                 alt="tooltip"
-                className="mb-1 max-h-40 w-auto rounded-md"
+                className="mb-1 aspect-square w-56 rounded-md"
               />
             )}
             {description && (