added mobile styling to overlay

[elislaats]

Description

Added mobile styling exceptions to the edit page where needed to get around the hover-overlay.

there's no sprint 3 board yet so I'll add this PR it it as soon as that's there + I'll add a changelog entry when the changlog has a part for the next release, as discussed with @DaveBouman 😄

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have added tests that prove my fix is effective or that my feature works
• I updated the changelog with an end-user readable description
• I assigned this pull request to the correct project board to update the sprint board

Steps to Test or Reproduce

Outline the steps to test or reproduce the PR here.
These steps will be used during release testing.

1. Go to DeX on mobile or create mobile in devtools
2. Go to edit page and the images tab
3. See the image previews
4. Note that its now clear what will happen when you click on the icon or image-preview

Link to issue

Closes: #584

[DaveBouman]

Added it to front end sprint 3 will review later