Rename `card` to `segment`

To avoid confusion
Add test image
Add semantic-ext.css with basic utils
Add tests for extended segments