/* Import Google font - Poppins */
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");
 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: "Poppins", sans-serif;
 }
 body {
   height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #f6f7fb;
 }
 .container {
   position: relative;
   height: 720px;
   width: 320px;
   background-image: url("https://cdn.shopify.com/s/files/1/0125/8533/6896/products/3_2c9fe3a0-9166-4575-a5d8-524859ae3677.jpg?v=1578574272");
   background-size: cover;
   background-position: center;
   border-radius: 12px;
   cursor: pointer;
   box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
 }
 .heart {
   position: absolute;
   color: red;
   font-size: 40px;
   opacity: 0;
   transform: translate(-50%, -50%);
 }
 .heart.active {
   animation: animate 0.8s linear forwards;
 }
 @keyframes animate {
   30% {
     font-size: 80px;
     opacity: 1;
   }
   50% {
     opacity: 1;
     font-size: 60px;
   }
   70% {
     font-size: 70px;
   }
   80% {
     font-size: 60px;
     opacity: 1;
   }
   90% {
     font-size: 60px;
     opacity: 1;
   }
 }