Display PNG images at their intrinsic aspect ratio in IDE

[rslosh]

Is your feature request related to a problem? Please describe. Currently, when selecting a .png image in the IDE, it opens a new tab and displays the image with a 1x1 aspect ratio. This distorts many images and does not reflect their natural proportions.

Describe the solution you'd like When a .png image is opened, it should be displayed at its intrinsic aspect ratio, filling the tab as much as possible while staying proportional. This can be done using CSS properties like max-width: 100%; height: auto; on the <img> element, and ensuring no CSS forces a fixed aspect ratio.

Describe alternatives you've considered

• Manually resizing the container or image after opening, but this is inconvenient.
• Using a fixed aspect ratio for all images, which distorts non-square images.

Additional context This would improve the usability of the IDE for viewing images, especially for images that are not square.