(FED) Optimize image size

[KirstyScott]

Currently we are using generic conditions within the sizes attribute for CMS/DMS images across the site. This could be improved for each layout e.g. a megalinks list module needs a much smaller image across multiple screen sizes rather than the largest 2048px image.

Some layouts may need smaller images on larger breakpoints and larger (fullwidth) images on smaller screens.

• [ ] iCentre quote Example: https://develop-stable.visitscotland.com/sandbox/destinations/edinburgh

• [ ] Image with caption

• Article

• Listicle

• Itinerary

• iCentre module

• Megalinks single image

• Hero and non hero on page types

• [ ] Featured items images in Navigation menu - Events (things to do), Inspiration

• [ ] OTYML card images

• [ ] Canned search

• [ ] Megalinks cards - multi-image, vertical

• For multi image consider featured item vs non-featured and number of items per module

[KirstyScott]

VSD-260 to VSD-265 (inclusive)

[MichaelGrahamVS]

To be reviewed as part of content formats redesign.