.torch-effect {
    position: relative !important;
    overflow: hidden !important;
}

/* Dark overlay */
.torch-effect::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 20;
    pointer-events: none;

    background: radial-gradient(
        circle 160px at var(--torch-x, -500px) var(--torch-y, -500px),
        rgba(0, 0, 0, 0) 0px,
        rgba(0, 0, 0, 0.08) 60px,
        rgba(0, 0, 0, 0.45) 120px,
        rgba(0, 0, 0, 0.82) 160px
    );
}

/* Keep your text/buttons above the overlay */
.torch-effect > * {
    position: relative;
    z-index: 21;
}