<div class="time-container hours">
<div class="digit">
<div class="fade"> </div>
<span class="num top" id="hour-tens-top">1</span>
<span class="num bottom" id="hour-tens-bottom">
<div class="bottom-container">1</div></span>
<div class="swapper">
<div id="top-hour-tens-anim" class="num-anim top-anim" style="display:none;">
<div class="top-half-num">8</div>
</div>
<div id="bottom-hour-tens-anim" class="num-anim bottom-anim" style="display:none;">
<div class="bottom-half-num">
<div class="dropper">9</div></div>
</div>
</div>
<div class="ring ring-left"></div>
<div class="ring ring-right"></div>
</div>
<div class="digit">
<div class="fade"> </div>
<span class="num top" id="hour-ones-top">3</span>
<span class="num bottom" id="hour-ones-bottom">
<div class="bottom-container">3</div></span>
<div class="swapper">
<div id="top-hour-ones-anim" class="num-anim top-anim" style="display:none;">
<div class="top-half-num">8</div>
</div>
<div id="bottom-hour-ones-anim" class="num-anim bottom-anim" style="display:none;">
<div class="bottom-half-num">
<div class="dropper">9</div></div>
</div>
</div>
<div class="ring ring-left"></div>
<div class="ring ring-right"></div>
</div>
</div>