/* Correction pour l'affichage de l'image hero */
#hero-section {
    background-image: url('./image_video_news.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    position: relative;
}

/* Amélioration de la visibilité de l'image hero */
#hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 15, 35, 0.4); /* Overlay plus léger pour voir l'image */
    z-index: 1;
}

/* S'assurer que le contenu reste au-dessus */
#hero-section .relative {
    z-index: 10 !important;
}

/* Amélioration responsive */
@media (max-width: 768px) {
    #hero-section {
        background-attachment: scroll;
    }
}