Inset (inside) and Outside positioning with animations
Shapes positioned inside the container boundaries with overflow hidden
Spider web positioned at top-right corner with 0 positioning and float animation. Overflow hidden prevents animation from going outside.
White spider web pattern positioned inside bottom-left corner with pulse animation contained within the card.
Black dots positioned at center with rotation animation and low opacity. Animation stays within container bounds.
White dots positioned inside center-right with swing animation that doesn't overflow outside the card.
Distance-based system: 0px, 25px, 50px, 75px, 100px from container edge
Maximum distance (100px) with different size combinations
