/* Override hero-section for Valorant page */
.hero-section {
    background-image: 
        linear-gradient(to bottom, rgba(19, 23, 31, 0.7) 0%, rgba(19, 23, 31, 0.3) 70%, rgba(19, 23, 31, 0) 100%), 
        url('images/pageArt/fade2.png');
    background-size: 70%; /* Default for desktop */
    background-position: center 60px;
    min-height: 500px;
}

@media (max-width: 768px) {
    .hero-section {
        min-height: 300px;
        background-size: cover; /* Scale to fill on mobile */
        background-position: center center;
    }
}