#video-preview {
    width: 100%;
    max-width: 250px;
    display: none; /* Ban đầu ẩn video */
}

.scan-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: red;
    box-shadow: 0 0 5px red;
    animation: scan-animation 2s linear infinite;
    z-index: 2; /* Đảm bảo hiệu ứng quét nằm trên video */
}

@keyframes scan-animation {
    0% { top: 0; }
    50% { top: 100%; }
    100% { top: 0; }
}

.card {
    position: relative; /* Để hiệu ứng quét nằm trên video */
}

video {
    position: relative;
    z-index: 1; /* Video sẽ ở phía dưới scan-line */
}