Hi there, I'm Matt Sergei (do call me Matt, please) and can create your gallery with dynamic interaction -
I need exact specifications:
1. So 5 images in a row must be responsive to 9600 screen width? Will all images have same ratio (e.g. 16:9 or more common 3:2 for scanned photos) so they fit perfectly in a row by height (and width)?
2. Can you use Google Chrome? Only this browser has now a reliable and relatively easy to achieve full screen mode (really no web browser frame, menus and icons).
3. Idle text (shown in inactivity must be specified in the JSON file or in other format - more texts to show in circular/random fashion also etc).
4. For information to show in a popup after user touching an image do expand this too. If the information is different for each image then it should be in the JSON file as the text property for each image etc.
5. Of course additional touch points and popups to display if clicking on an image popup must be well defined well in an easy to edit file, suggesting JSON as in previous points (it can be Google Sheets table, published as JSON and thus you can easily keep editing changes without any change to web animation script).
6. I don't understand your #7 ( "if anyone touch the first column of the screen, then the animation continue on 4 other columns"). Should flipping then occur only on the same row and then revert back to all randomly after ending viewing of image popup?
No space left, message me.
Regards and hope you're safe,
Matt