I am trying to get the images in the slider to display without the bottom portion of them being cropped when the theme is resized.
Below is what I worked that partially does what I want, but think it could be improved upon. it prevents cropping, but it also leaves space below the image when the browser window is narrower. Either way, its a start, maybe someone can improve upon where I am at now.
.carousel-image img {
max-width: 1200px !important;
display: block;
margin-left: auto;
margin-right: auto;
}
.carousel .item {
line-height: 500px;
min-height: 500px;
overflow: visible;
}