The carousel is a responsive grid. If you fix image width, the carousel will be broken on tablet and mobile. You can reduce image width by increasing the number of images in a row
Clean the image size in the grid element and try to set the width in Appearance > Customize > Woocommerce > Product Image. This is the global options and will be applied to all product images in shop page and category page.
The image width actually depends upon the number of elements in the grid and carousel. In any case, the best way to get good images on a grid is to upload images with equal size and proportion.