Is there any way to glow this bulb image like a real light bulb

Question

this is the hanging bulb which i am usingi am talking about this bulb which is in this image

i want to glow this bulb but unable to glow spent 4 hour but still not able to do. Please tell me how to do using css !

this is html code

        div className="item image">
            <img src={sidimage} alt="sid" height="400" />

            <div className="light">
              <img className="bulb" src={bulb2} alt="light bulb" />
            </div>
          </div>

this is the css

.bulb{
    position: relative;
    left: 26.5rem;
    bottom: 32rem;  
}

i want to glow the bulb which is in the image

Answer 1

just use conditional rendering on the image or set timeout if you want to toggle the image That is really any easy task use another image with light bulb on and use conditional rendering