.carousel-container-text {
    margin: auto;
}

.carousel-item-text img {
    height: 100%;
    width: 100%;
}

.content-carousel-text {

    & .carousel-caption {
        text-align: left;
    }

    & .carousel-caption:has(p) {
        background: rgb(99 99 99 / 50%);
        padding: 15px;
        z-index: 2;
        overflow: auto;
    }
}

.content-carousel-text p {
    animation: left-in 0.2s ease-in-out 2.3s;
    animation-fill-mode: backwards;
    position: relative;
    color: #FFFFFF !important;
    font-size: 1rem;
}

.carousel-caption::-webkit-scrollbar,
.carousel-caption::-webkit-scrollbar-thumb {
    width: 26px;
    border-radius: 13px;
    background-clip: padding-box;
    border: 10px solid transparent;
    color: #9f9f9f;
}

.carousel-caption::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 10px;
}