.hero {
    background:
        radial-gradient(circle at 16% 26%, rgba(255, 50, 0, 0.34), transparent 34%),
        linear-gradient(90deg, rgba(0, 0, 0, 0.94) 0%, rgba(32, 42, 59, 0.84) 46%, rgba(32, 42, 59, 0.24) 100%),
        url("/assets/img/hero-exam-center.png") center right / cover no-repeat;
}

.page-hero {
    background:
        radial-gradient(circle at 86% 10%, rgba(255, 50, 0, 0.24), transparent 32%),
        linear-gradient(90deg, rgba(0, 0, 0, 0.96), rgba(32, 42, 59, 0.88)),
        url("/assets/img/hero-exam-center.png") center / cover no-repeat;
}

@media (max-width: 760px) {
    .hero {
        background:
            radial-gradient(circle at 24% 16%, rgba(255, 50, 0, 0.28), transparent 38%),
            linear-gradient(180deg, rgba(0, 0, 0, 0.96) 0%, rgba(32, 42, 59, 0.88) 58%, rgba(32, 42, 59, 0.56) 100%),
            url("/assets/img/hero-exam-center.png") center / cover no-repeat;
    }
}