JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr>
            <td>
                <span class="severity-0">None</span>
            </td>
        </tr>
        <tr>            
            <td>
                <span class="severity-1">Warning</span>
            </td>
        </tr>
        <tr>
            <td>
                <span class="severity-2">Low</span>
            </td>
        </tr>
        <tr>
            <td>
                <span class="severity-3">Medium</span>
            </td>
        </tr>
        <tr>
            <td>
                <span class="severity-4 blink">High</span>
            </td>
        </tr>
        <tr>
            <td>
                <span class="severity-5 blink">Disaster</span>
            </td>
        </tr>
    </tbody>
</table>

CSS

.severity-0, .severity-1, .severity-2, .severity-3, .severity-4, .severity-5 {
    padding: 1px 3px;
    display: block;
}

.severity-5 {
    background-color: #DD0000;
}

.severity-4 {
    background-color: #FF3333;
}

.severity-3 {
    background-color: #FF6666;
}

.severity-2 {
    background-color: #FFF6A5;
}

.severity-1 {
    background-color: #D6F6FF;
}

.severity-0 {
    background-color: #DBDBDB;
}

span.no-bg {
    background-color: transparent;
}

JavaScript

$(document).ready(function () {
        setInterval(function () { $(".blink").toggleClass("no-bg"); }, 1000);
    });