Enhance photo layout to display images side by side with descriptions

[NathiJonas]

Current Behavior

Currently, when photos are opened, the images and their descriptions are not displayed side by side, which may make it harder to associate images with their corresponding descriptions.

Proposed Change

Implement a layout enhancement to display photos side by side with their descriptions when opened. This will improve the user experience by:

• Making it easier to read descriptions while looking at the corresponding images
• Creating a more efficient use of screen space
• Improving the visual connection between images and their content

Technical Requirements

1. Modify the photo viewing layout to implement a side-by-side display
2. Ensure responsive design principles are maintained for different screen sizes
3. Consider appropriate spacing and alignment between images and descriptions
4. Maintain scrolling functionality if content is longer than viewport

Expected Outcome

Users should be able to:

• View images and their descriptions simultaneously in a side-by-side layout
• Easily associate each image with its corresponding description
• Have a smooth viewing experience across different device sizes

Additional Considerations

• Ensure the layout works well for both portrait and landscape oriented images
• Consider accessibility requirements
• Maintain current image quality and loading performance