====Background
Readers can tap on images presented as part of a Preview to see them in media viewer. We would like to make certain improvements to existing state of it. We plan to update the existing icons, improve the image alignements and add a counter to inform readers how many images are there.
====Design
**Desktop (Viewports 1120px and above)**
- **Image counter **
- Positioning: Top-center of the device.
- Padding: 16px from the top end of the device and 24px from the top edge of the image container.
- Behavior: Reflects the number of images available in the media viewer, increasing as the user navigates.
- **Close icon **
- Positioning: Top-right corner of the device, horizontally aligned with the image counter.
- Padding: 16px right-side margin and 16px top margin.
- Touch/Click Target: 48x48 pixels.
- Design: Replace it with the updated one.