Components - we reference an image that we dont give


Current behavior : "rectangle.png" is the code in the HTML snippet for the component. This is not the same as the image that is being shown.

Expected behavior : when a user copys the HTML snippet, they see the same thing.

Intended behavior : I'm not actually sure how we should fix this...We could just use the same name as the image.

We could also offer a way for users to download the images as well. I think the value is that they can see what the image is doing inside the container. It provides more context. I think if we had a playground maybe this wouldnt be an issue. I still think we should match the names for consistency sake.