.carousel {
  margin-bottom: 2rem;
}

.carousel-caption {
    background-color: rgba(244, 238, 217, 0.8);
    height: 100px;
}

.carousel-caption h5 {
    color: #400090;
    font-weight: bold;
}


@media (min-width: 40em) {
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }
}

@media (min-width: 1px) {
    .carousel-item {
        height: 14rem;
    }
}

@media (min-width: 769px) {
    .carousel-item {
        height: 24rem;
    }
}

@media (min-width: 992px) {
    .carousel-item {
        height: 30rem;
    }
}

@media (min-width: 1200px) {
    .carousel-item {
        height: 36rem;
    }
}