#carousel {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: min(950px, 80vh);
    transition: all 1s ease-in-out;
}

@media (max-width: 1700px) and (min-width: 1280px) {
    #carousel {
        height: min(700px, 70vh);
    }
}

@media (max-width: 1279px) and (min-width: 1024px) {
    #carousel {
        height: min(675px, 70vh);
    }
}

@media (max-width: 1023px) and (min-width: 901px) {
    #carousel {
        height: min(475px, 70vh);
    }
}