making my images display correctly

I need some help getting my images to display correctly.

I will start with this page:
https://printdat.pcriot.com/wp/?page_id=93

Notice how the first 3 spots for images in the row of 6 pictures don’t display? I tried changing the number of images in a row to 3,4,5,and 6 and they keep getting pushed to the right side of the page. I want to fix this this.

Also all the pictures on this page seem to be cropped around the edges…. how can I make them all just display the full picture and prevent them from being auto cropped in the gallery?

Now onto my second issue on this page:
https://printdat.pcriot.com/wp/?product_cat=fine-art-prints

These pictures are also being auto cropped making them not fully visible from the thumbnail views. After you click on the product the image is still auto cropped on products specific page. It’s making my images that are more horizontal hard to see without clicking them to bring up lightbox.

The “related products” images are huge and pixelated. I would prefer to just remove the related products and have a next product button people can click to see the next product.