lovespace blinking text

<style>
.blink {
font: 2rem sans-serif;
-webkit-animation: blink 1s linear infinite;
animation: blink 1s linear infinite;
}

@keyframes blink {
0% {
opacity:1
}
1% {
opacity: 0
}
2% {
opacity:1
}
16% {
opacity: 1
}
17% {
opacity: 0
}
20% {
opacity: 1 }
to {
opacity: 1
}
}
</style>

<div class="blink">blinking text</div>