.carousel-inner .carousel-item img {
    width: 60% !important;
    height: auto !important;
    /* this maintainst he aspect ratio */
    margin: 0 auto !important;
}

@media screen and (max-width: 768px) {
    .carousel-inner .carousel-item img {
        width: 90% !important;
    }
}

.carousel-caption {
    background: rgba(70, 70, 70, 0.644);
    padding: 2em;
    border: hsla(0, 0%, 100%, 0.5) solid 1px;
    /* bottom: -10%; */
}

.carousel-caption h5 {
    font-size: 2em;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.carousel-caption p {
    font-size: 1.2em;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}