#hero {

    height: 100vh;
    width: 100%;
    background: blue;
    display: flex;
    align-items: center;
    justify-content: center;


}
#hero::after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);

}

#hero video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    object-fit: cover;





}

#hero .ve2 {

    width: 30%;
    height: 25%;
    position: center;
    top: 200px;
    left:center;
    z-index:25;
    background:url("../logo2.png");
}








#hero .ve1 {

    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index:15;
    background:url('../texture.png');
}


#hero .caption {

    position: relative;
    z-index: 20;
    text-align: center;
    color: #fff;




}