How to Modify Image Carousel to use different Height Images?

I have a  photo carousel I'm trying to modify. Initially, it was designed for 940 x 380 px. images. I need to modify to handle 940 x 628 px images. I uploaded a sample house image to test but the image is still not displaying the full image? The bottom of image is being cut-off.  Not sure why?  Here is the page: http://carmelheaven.com/photos-slider.html. I changed the CSS (http://carmelheaven.com/css/style.css) but not seeing the whole image?

	.ss-slider {
		background: #fff url(../img/loader.gif) no-repeat center 185px;
		margin: 20px auto 80px;
		max-height: 628px;
		max-width: 940px;
		overflow: hidden;
		position: relative;
	}

Select allOpen in new window

Anyone know how I would get the whole image to show?

Thanks!