.container-caroussel {
    position: relative;
    top: calc(5vh + 80px);
    z-index: 1001;
}

.altura {
    height: calc(100vh - (5vh + 80px));
    width: 100%;
}

.carousel-inner .carousel-item > img {
    -webkit-animation: thing 30s infinite ;
    -o-animation: thing 30s infinite ;
    animation: thing 30s infinite ;
}

.carousel-control-prev-icon, .carousel-control-next-icon { 
  height: 25px;
  width: 25px;
  outline: black;
  background-size: 100%, 100%;
}

@keyframes thing {
    from {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.5, 1.5);
    }
}

.container-texto {
    position: absolute;
    bottom: 100px;
    left: 150px;
    font-family: Calibri;
    font-size: 18px;
    color: #90562E;
    text-align: justify;
    width: 500px;
    z-index: 1;
    /* display: flex;
    flex-direction: column;
    align-items: left; */
}

.container-texto h3 {
    font-size: 42px;
    font-weight: bold;
    color: #90562E;
    text-transform: uppercase;
    position: absolute;
    bottom: 300px;
}

.container-texto-cor, .container-texto-cor h3 {
    color: white;
}

.botao__carousel {
    padding: 1px 20px;
    font-size: 12px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    border: 2px solid #90562E;
    text-decoration: none;
    color: white;
    border-radius: 10px;
    background-color: #90562E;
    transition: .5s ease-in-out;
    text-align: center;
    margin-top: 30px;
}

.botao__carousel:hover {
    color: #90562E;
    background-color: white;
    text-decoration: none;
}

@media screen and (max-width: 858px) {
    .container-caroussel {
        top: 80px;
    }

    .altura {
        height: calc(100vh - 80px);
    }
}

@media screen and (max-width: 768px) {
    .container-texto {
        left: 50%;
        transform: translateX(-50%);
    }

    .container-texto h3 {
        /* bottom: 230px; */
        position: relative;
        bottom: 0;
        font-size: 30px;
    }

    .carousel-item:nth-child(3) h3 {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 650px) {
    .container-texto {
        width: 70%;
        font-size: 16px;
        bottom: 50%;
        left: 50%;
        transform: translate(-50%, 50%);
    }

    .container-texto h3 {
        font-size: 25px;
    }

    .carousel-esconder {
        display: none;
    }
}

@media screen and (max-width: 450px) {
    .container-texto h3 {
        font-size: 22px;
    }

    .altura {
        object-fit: cover;
    }
}