message: chore(storybook): add additional images and aspect ratios
diff: import './index.scss';
  -import { boolean, object, text, withKnobs } from '@storybook/addon-knobs';
  +import { boolean, select, text, withKnobs } from '@storybook/addon-knobs';
  import { DDS_LIGHTBOX_MEDIA_VIEWER } from '../../../internal/FeatureFlags';
  import LightboxMediaViewer from '../LightboxMediaViewer';
  import React from 'react';
  @@ -24,15 +24,38 @@ if (DDS_LIGHTBOX_MEDIA_VIEWER) {
  `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et ultricies est.Mauris iaculis eget dolor nec hendrerit. Phasellus at elit sollicitudin, sodales nulla quis, consequat libero. Here are some common categories:`
  );
  const image = {
  + '512 x 512 (1:1)': {
  + defaultSrc: 'https://dummyimage.com/512x512/ee5396/161616&text=1:1',
  + alt: 'Image alt text',
  + },
  + '1024 x 512 (2:1)': {
  defaultSrc: 'https://dummyimage.com/1024x512/ee5396/161616&text=2:1',
  alt: 'Image alt text',
  + },
  + '1280 x 720 (16:9)': {
  + defaultSrc: 'https://dummyimage.com/1280x720/ee5396/161616&text=16:9',
  + alt: 'Image alt text ',
  + },
  + '3000 x 1200 (16:9)': {
  + defaultSrc:
  + 'https://dummyimage.com/3000x1200/ee5396/161616&text=16:9',
  + alt: 'Image alt text ',
  + },
  + '200 x 750 (15:4)': {
  + defaultSrc: 'https://dummyimage.com/200x750/ee5396/161616&text=15:4',
  + alt: 'Image alt text ',
  + },
  + '600 x 550 (12:11)': {
  + defaultSrc: 'https://dummyimage.com/600x550/ee5396/161616&text=12:11',
  + alt: 'Image alt text ',
  + },
  };
  return (
  <LightboxMediaViewer
  title={title}
  copy={copy}
  - image={object('image', image)}
  + image={select('Image', image, image['1280 x 720 (16:9)'])}
  open={boolean('open', true)}
  />
  );
  