.video-carrossel{
    position: absolute; 
    right: 0; 
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto; 
    height: auto; 
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}

.hexagon-shape {
    position: relative;
    overflow: hidden;
    background: transparent;
    /* add slash at the end of line to see the rhombus *
    outline: solid 1px red;/**/
    width: 72.28px;
    height: 72.28px;
    transform: rotate(-30deg) skewX(30deg) scaleY(.866);
}
.hexagon-shape:before {
    position: absolute;
    right: 6.7%;
    bottom: 0;
    left: 6.7%;
    top: 0;
    transform: scaleY(1.155) skewX(-30deg) rotate(30deg);
    background: linear-gradient(59.82deg, #0976CE 0%, #0976CE 49.36%, #3A91D7 50.11%, #3A91D7 100%);
    content: '';
}