Display true image diffs
<!--IssueSummary start--> <details> <summary> Everyone can contribute. [Help move this issue forward](https://handbook.gitlab.com/handbook/marketing/developer-relations/contributor-success/community-contributors-workflows/#contributor-links) while earning points, leveling up and collecting rewards. </summary> - [Close this issue](https://contributors.gitlab.com/manage-issue?action=close&projectId=278964&issueIid=503359) </details> <!--IssueSummary end--> When showing image diffs in merge requests we offer 3 options to compare the images: 1. 2-up 2. Swipe 3. Onion skin ![image](/uploads/bcc45c22fba80081273e23741f3fde3b/image.png){width=943 height=629} But none of these options lets you visualise the differences precisely. We could have a 4th option to do just that, similar to what we already do in GitLab UI with visual tests, example: ![storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-default-1-snap-diff](/uploads/fbc6cb6ed450ef3fa3db45a24cdec69b/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-default-1-snap-diff.png)
issue