.bg-video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* İçeriğin arkasında kalmasını sağlar */
    overflow: hidden;
}

.bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Videonun taşmasını engeller ve alanı tam kaplar */
}

/* Opsiyonel: Üzerindeki yazıların okunması için hafif karartma */
.bg-video-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); /* İhtiyaca göre değiştirebilirsiniz */
}