[stretch] Make a component to standardize image sizes for guides

[caylahamann]

Description

I think we should standardize on the image size and then build a component for that eventually.

[mmfred]

These are the screenshot guidelines from the docs style guide:

Screenshots
Follow the New Relic Security guidelines to capture screenshots or other images. In addition:

Always crop or mask sensitive information.
Avoid annotating screenshots with text boxes, arrows, circles, etc.
Save the width at approximately 1200 to 1400 pixels.
Consider adding a caption.

[caylahamann]

@mmfred We can set the width to be standardized and we could add an optional caption property to the component, but I don't think we can ensure (from our end) that we're always cropping or mask sensitive information or that they don't have text boxes or arrows. I assume that's more on the documentation side.

@djsauble would we want to have a caption property on images? and do you have any opinions on what that would look like?

[djsauble]

@caylahamann I'd be happy to settle with using the alt attribute to caption images for now, so screen readers can deal with them.

That said, I notice that images on our docs site have captions, so if we're going to reuse this component across the sites we'll want to display the caption properly in a future version of this component.

[nr-opensource-bot]

🎉 This issue has been resolved in version 1.5.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀