Removing auto-crop for homepage pictures, but not banner

Site URL: https://www.ncdcma.org/

I would like to make our 3 objective pictures a little bit smaller. In the preview after cropping the images, it worked perfectly, but then I realized that Squarespace auto-crops certain images. Is there a custom CSS code that can stop this on only those three images (I do not want the banners or other images getting messed up). Thank you!!

Add to Home > Design > Custom CSS

div#page-5e0a687900049e623e061f0b>.row>.span-12 img {
    width: 100% !important;
    height: auto !important;
}