JSFiddle - React, Tailwind, and code Playground

HTML

<section id="timeline">
    <ul>
        <li>
            1994 - Client Connect Plus is founded.
        </li>
        <li>
            1997 - Client Connect Plus becomes LookOut Software.
        </li>
        <li>
            2001 - We launched our first product. Lots of anticipation.
        </li>
        <li>
            2006 - Big success with new product. Everybody smiles.
        </li>
        <li>
            2010 - We had some tough times but we survived them.
        </li>
        <li>
            2013 - Things started looking better. Brighter days.
        </li>
        <li>
            2015 - SharePoint CRM Template becomes SharePoint Flex.
        </li>
        <li>
            2016 - ?
        </li>
    </ul>
</section>

CSS

#timeline{
height: 700px;
width: 100%;
background: #ff6952;
background-image:url(http://www.wwwsitus.com/support/img/ampproject.png);
background-position:center;
background-repeat:no-repeat;
}

#timeline ul li{
color: white;
z-index: 100;
}