.carousel-item {
    height: auto !important;
}

.carousel-item img {
    width: 100%;
    height: 50vh !important;
    display: block;
}

@media (max-width: 768px) {
    .carousel-inner {
        height: 45vh !important;
    }
    footer{
        position: fixed;
        bottom: 0%;
        width: 100%;
    }
}