There are two related UI issues within the product image gallery component:

• The main image slider (swiper-wrapper) distorts product images by forcing them to fit the container, ignoring their original aspect ratio.
• The vertical thumbnail navigator on the side does not handle a large number of images, lacking a max height and scroll functionality.

Expected Behavior
The image should preserve its original aspect ratio. The container should either:

• Contain the image, fitting the whole picture inside the box without distortion.
• Zoom/Cover the area, where the image fills the box and any excess is cropped
• Carousel / Variable Width: Display each image with its original aspect ratio and dimensions, stacking them horizontally next to each other. The height of the slider could be consistent, allowing the width of each image to vary.

In all cases, the image must not be distorted