.carousel{
    box-shadow: 0px 1px 5px black;
}

.carousel-inner img {
    width: 100%;
    margin-bottom: 0;
    min-height: 350px;
    max-height: 1920px;
}

@media (max-width: 500px) {
    .carousel-caption {
        border: whitesmoke;  
        display: compact; 
    }
}

@media only screen and (min-width: 600px){
    .carousel-inner img{
        min-height: 300px;
    }
}

@media only screen and (min-width: 768px){
    .carousel-inner img{
        min-height: 400px;
    }
}