Mousehover and screentouch
This page uses css
to fade-out an image and fade-in a line of text when you hover the mouse over the image.
Since touchscreens have no mouse, hovering does not work. Therefore a JavaScript with touchevents is used.
There is a slight difference between these two solutions. Noticable only when you hover the mouse over the area below the image.

The mountains changed to a fish
Have a look at the source code :
Feel free to improve on it.
⇪ Feb 17 2021 05:54:31