body, html {
    margin: 0;
    padding: 0;
}

main {
    width: 100%;
}

.carousel {
    width: 100%;
}

/* Altura responsive */
.carousel-item {
    height: 250px;
}

@media (min-width: 768px) {
    .carousel-item {
        height: 400px;
    }
}

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

/* Ajuste de imagen */
.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}