The multi-images in my CMS collection are extremely zoomed in, how do I fix is so the images fit into the parameters of the grid?

Hello Webflow forum-ers!

I’m a newfound Webflow user here and I’m having trouble with using the multi-image CMS collection feature.

I added a collection list and linked it to the multi-image field. Then I added a grid. But the images look like they’re super zoomed in on one corner of the image, I tried to resize the grid and change the fit setting of the image but was not successful.

These are the settings

Would someone please help me get the images resized so it fits within the box?