SOURCE

<div class="drive">
<div class="love" style="--i: 0;"></div>
<div class="love" style="--i: 1;"></div>
<div class="love" style="--i: 2;"></div>
<div class="love" style="--i: 3;"></div>
<div class="love" style="--i: 4;"></div>
<div class="love" style="--i: 5;"></div>
<div class="love" style="--i: 6;"></div>
<div class="love" style="--i: 7;"></div>
<div class="love" style="--i: 8;"></div>
<div class="love" style="--i: 9;"></div>
</div>

.love {
    width: 50px;
    height: 80px;
    background-color: #f73f5a;
    border-radius: 25px 25px 10px 10px;
    position: absolute;
    left: 40%;
    top: 50%;
    animation: drive 5s calc(var(--i) * -.5s) linear infinite, zIndex 5s calc(var(--i) * -.5s) steps(10, jump-none) infinite;
    z-index: 10;
}

.love::after {
    content: '';
    display: block;
    width: 80px;
    height: 50px;
    border-radius: 10px 25px 25px 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #f73f5a;
}

.love:nth-child(2n) {
    background-color: yellow;
}

.love:nth-child(2n)::after {
    background-color: yellow;
}

.drive {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: black
}


@keyframes drive {
    to {
    scale: 15;
    rotate: -45deg;
    translate: -50%;
    opacity: 0;
  }
}

@keyframes zIndex {
   to {
        z-index: 1
    }
}