.emperor-hero {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background-image:
        linear-gradient(
            to top,
            rgba(8, 8, 8, 1) 0%,
            rgba(8, 8, 8, 0.78) 45%,
            rgba(8, 8, 8, 0.42) 100%
        ),
        url("AQUI_VA_LA_URL_DE_TU_IMAGEN.jpg");

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    display: flex;
    align-items: center;
    justify-content: center;
}