.carousel .carousel-item {
    height: 20em;
}

/*image: set inline on the element*/
.carousel .carousel-item > *:first-child {
    height: inherit;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}