Image resizes in a grid upon replacing image

Apologies up front, I am not a designer. My designer is out of town and unavailable and there are some edits that have to be done.

There is a grid showings various icons. The icons are in assets and they are not uniform in size, when replacing an icon/image, the image resizes and is not contained and overflows. See the image in the lower right corner HUD multifamily loans.

I changed nothing but the feature icon, change image. I also attempted to match the raw image sizing, and another one where I reduced the image further another 25%.

In both cases I still get an image that is filling the space vs being constrained to the blue circle.

Any ideas?

A test page can be found here:
https://nai-capital-finance-staging.webflow.io/financing-copy

1 Like

Hi Charles,

On your larger icon you’ve added a subclass bigger that does not exist on your other icons. Remove that so it matches.

Also a tip, generally if you need help from the community you need to share your readonly project link which is the only way we can see your project setup and guide you.