#vcenter {
    position: absolute;
    top: 19%;
    left: 2%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    z-index: 1;
}

div#back1 {
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}

    div#back1:before{
        color:black;
        position:absolute;
        z-index:1;
        height:100vh;
    }

    div#back2 {
        height: 100vh;
        background-attachment: scroll;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

div#back3{
   
   height: 100vh ;
   background-attachment: scroll;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}



.carousel-item {
    opacity: 0;
    display: block;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
}
.in-brand {
    position: absolute;

    top: 1%;
    left: 70%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    z-index: 1;
    transform: translate(-50%, -50%);
    z-index: 2;
}