.cherry { position: absolute; width: 200px; height: 200px; left: 53%; top: 70px; transform: translate(-50%,-50%); animation: breath 1s infinite alternate; } .kernel { position: absolute; top: 80px; left: 40px; width: 80px; height: 80px; background-image: radial-gradient(white,red,darkred,black); border-radius: 50%; transition: 1s; }