Slider image chopped off

I have tried adjusting the slider height, but no matter how I size my images or change slider size it seems to chop the bottom of my image off. I want to put an image that is either 1024×512 or 800×500

What custom css do I need to keep the image from being cropped

I tried
/*Slider size*/

.carousel .item {
line-height: 400px;
overflow: hidden;
min-height: 400px;
}