Heart animation CSS- help improve

Anyone has an idea how I can include a dot in the animation. Say:

  1. thehe dot has a diameter 10px
    2)included at 50% through the animation
    3)included at the top of the heart, 15px away
    3)make it red
    Check it out at the link below.
    https://www.w3schools.com/code/tryit.asp?filename=GH3UO0JZWKOC

Please, create a codepen with the bare bones of what you’re looking for at the very least. Then someone might try it out.