.imessage-bloom span {
    display: inline-block;
    /* If we don't set this, the `font-size` animation will reflow the rest of the page! */
    line-height: 100%;
    animation-duration: 3.75s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-name: imessage-bloom;
}

.imessage-bloom span:nth-child(1) { animation-delay: 0.05s; }
.imessage-bloom span:nth-child(2) { animation-delay: 0.1s; }
.imessage-bloom span:nth-child(3) { animation-delay: 0.15s; }
.imessage-bloom span:nth-child(4) { animation-delay: 0.2s; }
.imessage-bloom span:nth-child(5) { animation-delay: 0.25s; }
.imessage-bloom span:nth-child(6) { animation-delay: 0.3s; }
.imessage-bloom span:nth-child(7) { animation-delay: 0.35s; }
.imessage-bloom span:nth-child(8) { animation-delay: 0.4s; }
.imessage-bloom span:nth-child(9) { animation-delay: 0.45s; }
.imessage-bloom span:nth-child(10) { animation-delay: 0.5s; }
.imessage-bloom span:nth-child(11) { animation-delay: 0.55s; }
.imessage-bloom span:nth-child(12) { animation-delay: 0.6s; }
.imessage-bloom span:nth-child(13) { animation-delay: 0.65s; }
.imessage-bloom span:nth-child(14) { animation-delay: 0.7s; }
.imessage-bloom span:nth-child(15) { animation-delay: 0.75s; }


@keyframes imessage-bloom {
    0%, 80.000%, 100% {
        font-size: 100%;
        font-weight: normal;
    }
    90.000% {
        font-size: 120%;
        font-weight: bolder;
    }
}