Layout modes

• "contained" — keeps the animation within a card or parent container.
• "page" — expands the animation to cover the entire viewport.

Customization

• squareSize — sets the dimensions of the bouncing square (in pixels).
• colors — array of hex color strings; cycles when the square hits an edge.

---

This component use a subtle noise texture for depth and realism.
To make it render correctly, you need to download and place the following image into your project’s public/ folder with the exact filename noise.webp.

💡 Why?
This texture is layered via CSS (backgroundImage: url(/noise.webp)) in this component to create a film-grain style background. Without it, you’ll see missing backgrounds or fallback colors instead.