.carousel {
    display: flex;
    overflow: hidden;
    width: 100%; /* Largura do carrossel */
    height: 540px; /* Altura do carrossel */
}

.carousel-inner {
    display: flex;
    transition: transform 0.5s; /* Adiciona transição suave ao movimento */
}

.carousel-slide {
    flex: 0 0 100%; /* Tamanho de cada slide é igual à largura do carrossel */
}

.carousel-slide img {
    -webkit-mask-image: linear-gradient(to top, transparent 5%, black 100%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    user-select: none;
}