The light blue box is the parent container with `relative` positioning. The dark blue box is the child with `absolute` positioning and `z-10`, allowing it to overlap.
Parent Element (relative)
Positioned at top-5, right-5
This is behind the `z-10` element if they overlapped and this one had a lower or no z-index.