/* Hero spécifique Les Chroniques de la Taverne */
.hero-leschroniques {
    background-image: linear-gradient(to top, rgba(16, 25, 34, 0.8) 0%, rgba(16, 25, 34, 0) 60%), url('../img/leschroniques.webp');
}

@media (max-width: 768px) {
    .hero-leschroniques {
        background-image: linear-gradient(to bottom, var(--primary-color) 0%, var(--bg-dark) 100%);
        background-size: 100% 100%;
    }
}