JSFiddle - React, Tailwind, and code Playground

HTML

<div class="pizza">&#127829;</div>
<div class="banner">Happy Pepperoni Pizza</div>

CSS

@-webkit-keyframes bounce {
	0% {
		-webkit-transform:translateY(-50%);
	}
    50% {
		-webkit-transform:translateY(0) scale(1, 0.75);
    }
    60% {
        -webkit-transform:scale(1, 1.1);
    }
    100% {
		-webkit-transform:translateY(-50%);
    }
}

.pizza {
    font-size: 100px;
    margin-top: 100px;
    text-align: center;
    -webkit-transform-origin: bottom;
	-webkit-animation: bounce 0.9s ease-in-out infinite;
}

.banner {
    font-family: Comic Sans MS;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    color: #e30;
    text-shadow: #000 0px 2px 2px;
    -webkit-animation: bounce 0.9s ease-in-out infinite;

}