JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<div id="timer-wrap" style="margin-top: 30px;"> <a href="#"><img class="pull-left" src="img/left_arrow.png" id="left_arrow" onmouseover="pauseInterval();" onclick="changeToPrevBackground();" width="3.5%" /></a>

    <div id="countdown_dashboard" style="margin-left: 15%; margin-right: 10%;">
        <!-- Days -->
        <div class="col-md-2 col-sm-2 col-xs-2" style="background: url(http://lorem.comxa.com/img/days.png) no-repeat; background-size: auto 100%; background-
                        position: center center; max-width: 100%;">
            <div class="days_dash">
                <div class="digit">
                    <div class="top" style="display: none;">8</div>
                    <div class="bottom" style="display: block;">8</div>
                </div>
                <div class="digit">
                    <div class="top" style="display: none;">3</div>
                    <div class="bottom" style="display: block;">3</div>
                </div> <span class="dash_title">days</span>

            </div>
        </div>
        <!-- /Days -->
        <div class="col-md-1 col-sm-1 col-xs-1"></div>
        <!-- Hours -->
        <div class="col-md-2 col-sm-2 col-xs-2" style="background: url(http://lorem.comxa.com/img/hours.png) no-repeat; background-size: auto 100%; background-position: center center;">
            <div class="hours_dash">
                <div class="digit">
                    <div class="top" style="display: none;">2</div>
                    <div class="bottom" style="display: block;">2</div>
                </div>
                <div class="digit">
                    <div class="top" style="display: none;">0</div>
                    <div class="bottom" style="display: block;">0</div>
                </div> <span class="dash_title">hours</span>

        ...

CSS

#countdown_dashboard {
    max-width: 900px;
    overflow: hidden;
    margin: 0 auto 60px;
    text-align: center;
}
.digit {
    height: 65px;
    color: #000;
    font-size: 40px;
    font-weight: 400;
    line-height: 85px;
    text-align: center;
    position: relative;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
}
.dash_title {
    color: #000;
    display: block;
    font-size: 15px;
    margin-top: 15px;
    text-transform: uppercase;
}
.days_dash, .hours_dash, .minutes_dash, .seconds_dash {
    position: relative;
    margin-bottom: 30px;
}
.days_dash:after, .hours_dash:after, .minutes_dash:after, .seconds_dash:after {
    position: absolute;
    top: 0;
    width: 1px;
    right: -15px;
    height: 100%;
    content:'';
    background-color: #ffffff;
}