.title-container {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 1;
}

.title-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.50));*/ /*opacità video*/
    z-index: 0;
}

.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    opacity: 1; /* Puoi regolare l'opacità */
}

.title-container > *:not(.bg-video) {
    z-index: 2;
}

.cover-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}