@media (pointer: coarse) {
    .hero {
        position: relative;
        background:
            linear-gradient(
                351deg, 
                rgba(0, 0, 0, 0.98), 
                rgba(0, 0, 0, 0.41)
            ) center center / cover no-repeat,
            url(../img/autoconhecimento-inteligencia-infinita.webp);
        padding: 60px 0px;
        width: 100%;
        height: 100vh;
    }
}