#celestial {
    height: 300px;
    width:300px;
    position:relative;

    background-repeat: no-repeat;
    background-image: 
    linear-gradient(to bottom ,gold 10%, transparent 10% 20%, gold 20% 30%, transparent 30% 40%, gold 40% 50%, transparent 50% 60%, gold 60% 70%, transparent 70%),
    radial-gradient(circle, #0B1111 50%, transparent 50.5%),
    radial-gradient(circle, #0B1111 49.5%, gold 50%, transparent 50.5%),
    radial-gradient(circle, #FFD700, #857409, #48430D, #0B1111 49.5%, gold 50%, transparent 50.5%);
    background-size: 
    0.5% 25%,
    67% 67%, 
    75% 75%, 
    100%;
    background-position:
    56% 20%,
    87% 13%,
    84% 15%,
    50% 50%
    ;
}
  
#celestial::before {
    content: '★';
    font-size: 30px;
    color: gold;

    position:absolute;
    top: 30%;
    left: 52%;
}