JSFiddle - React, Tailwind, and code Playground

HTML

<banner>i am the banner.
</banner>
<item>item</item>
<item>item</item>
<item>item</item>
<item>item</item>

CSS

banner, item {
    display: block;
    border: 1px solid black;    
}
banner {
    background-color: lightgreen;
    -webkit-animation: banner-animation 3s linear 0s infinite alternate;
     animation: banner-animation 3s linear 0s infinite alternate;
}
item {
    background-color: lightblue;
    height: 50px;
}

@-webkit-keyframes banner-animation {
    from { font-size: xx-small; }
    to { font-size: xx-large; }
}

@keyframes banner-animation {
    from { font-size: xx-small; }
    to { font-size: xx-large; }
}