.video-mask-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9; /* ან სხვა შესაბამისი */
    overflow: hidden;

}

.masked-video {
    width: 100%;
    height: 100%;
    object-fit: cover;

    -webkit-mask-image: url('../media/img/video-overlay.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;

    mask-image: url('../media/img/video-overlay.svg');
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;

}


/* ფერი, რომელიც მხოლოდ ნიღაბს მოყვება */
.video-color-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(80, 97, 255, 0.5); /* ამ ფერს შეცვლი შენზე */
    z-index: 2;

    -webkit-mask-image: url('../media/img/video-overlay.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;

    mask-image: url('../media/img/video-overlay.svg');
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;

    pointer-events: none;
}

/*===============================================================*/