html,
body {
    height: 100%;
    width: 100%;
}

body {
    position: relative;

    background: radial-gradient(#4c0c0c, #300404, #000000);
}

.heart {
    position: absolute;
    --color: red;

    width: 50px;
    height: 50px;
    background-color: var(--color);
    clip-path: path("M12 4.248c-3.148-5.402-12-3.825-12 2.944 0 4.661 5.571 9.427 12 15.808 6.43-6.381 12-11.147 12-15.808 0-6.792-8.875-8.306-12-2.944z");

    filter: drop-shadow(0px 0px 105px 45px var(--color));

    animation-name: drop;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes drop {
    0% {
        transform: translateY(0vh);
    }
    100% {
        transform: translateY(100vh);
    }
}