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.
i also noticed if im finding and replacing images, there are multiple "rectangle1.png"s
Ideally the images should be completely replaced, since different themes get packaged with different images, so there is no perfect solution for this , but we can definitely match the names to those we use in the components page.
@camelburrito so by mentioning "those names we use in components ", do you mean the header of the image ("Fullpage Hero") or the title on the image("Life on a space shuttle")?
