*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{
    background: plum;
    font-family: Arial, Helvetica, sans-serif;
}
    #heart {
        position: relative;
        width: 100px;
        height: 90px;
        transition: all 0.4s ease-in;
      }
      #heart:before,
      #heart:after {
        position: absolute;
        content: "";
        left: 50px;
        top: 0;
        width: 50px;
        height: 80px;
        background: pink;
        border-radius: 50px 50px 0 0;
        transform: rotate(-45deg);
        transform-origin: 0 100%;
        
      }
      #heart:after {
        left: 0;
        transform: rotate(45deg);
        transform-origin: 100% 100%;
      }
    
    

#heart.change-me{
border-color: plum;
transform: translateX(300px) translateY(200px) scale(2.4) rotate(33deg);
}

#heart:before.change-me{
  border-color: transparent transparent plum;
}