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
{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:

issue