Picture size on UI

Summary:

Hi,

We have a requirement where field resources are required to take at least 4-5 pictures on-site using mobile devices. Currently, after taking 1 or 2 pictures, the entire mobile screen is consumed by the images, which causes excessive scrolling to navigate through the page. This issue worsens when the map/location options are also displayed alongside the images, as required by our workflow.

Is there a way to reduce the picture size on the UI, perhaps displaying them as icons or thumbnails, which can be clicked to view the full-size image? Our goal is to make the interface more space-efficient without affecting the flow of work. The pictures need to be taken in a sequence (before service, during, and after), so having them on a separate tab is not an option, as the customers want to avoid additional clicks or navigation.