JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fan-free-container">
		<table class="overviewTable">
			<thead>
				<tr>
					<th>
						<!--empty--></th>
					<th colspan="6">
						FAN FREE TERMINALS</th>
				</tr>
			</thead>
			<tbody class="posiOverviewPN">
				<tr>
					<th>
						<!--empty--></th>
					<th class="txHeader">
						TX4200E</th>
					<th class="ksHeader">
						KS6700</th>
					<th class="ksHeader" colspan="2">
						KS7200</th>
					<th class="ksHeader">
						KS7500</th>
					<th class="ksHeader">
						KS7700</th>
				</tr>
				<tr>
					<th>
						<!--empty--></th>
					<th>
                        <img height="68px" src="../posiflex/images/tx-4200.png" width="120px"/></th>
					<th>
                        <img height="108px" src="../posiflex/images/ks6700.png" width="120px"/></th>
					<th colspan="2">
                        <img height="109px" src="../posiflex/images/ks7200.png" width="120px"/></th>
					<th>
                        <img height="117px" src="../posiflex/images/ks7500.png" width="120px"/></th>
					<th>
                        <img height="119px" src="../posiflex/images/ks7700.png" width="120px"/></th>
				</tr>
				<tr>
					<td>
						ADVANTAGES</td>
					<td>
						Industrial Grade Mini-PC CPU</td>
					<td colspan="5">
                        Energy Efficient Fan-Free Point of Service Terminals to Meet Every Price and Performance Point<br/>
						Spill / Dust Resistant KS Series</td>
				</tr>
				<tr>
					<td>
						PROCESSOR</td>
					<td>
						Dual-Core Intel Atom D2550 CPU 1.86 GHz</td>
					<td>
						VIA NANO 1.6 GHz</td>
					<td colspan="2">
						Dual-Core Intel Atom D525 1.8 GHz</td>
					<td>
						Dual-Core Intel Celeron B810 1.6 GHz</td>
					<td>
                        Intel Core i3-2330E 2.2GHz<br/>
						Intel Core i5-2510E 2.5 GHz</td>
				</tr>
				<tr>
					<td>
						CACHE</td>
					<td>
						1MB L2</td>
					<td>
						1MB L2</td>
					<td colspan="2">
						1MB L2</td>
					<td>
						2MB L2</td>
					<td>
						3MB...

CSS

.posiOverviewPN th:not(:first-child){
    color: white;
    line-height: 28px;
    border: solid;
    border-width: 1px;
    border-color: #c4c5c6;
}

Table.overviewTable {
	width: 1000px;
}

.overviewTable td{
    border: solid;
    border-width: 2px;
    border-color: #c4c5c6;
	font-size: 10px;
}

.overviewTable td:first-child {
	background: rgb(230, 231, 233);
	padding: 2px 10px;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
}

.overviewTable thead th:not(:first-child){
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    border-radius:10px 10px 0px 0px;
    background: rgb(230, 231, 233);
    font-weight: lighter;
	line-height: 25px;
}

.ports td:not(:first-child){
	text-align: left;
	vertical-align: top;
	padding-top: 7px;
	padding-left: 5px;
}

#fan-free-container{
    display: block;
	margin-left: -50px;
    text-align: center;    
}
#fan-free-container tbody th:not(:first-child) {
    background: white;
}
.txHeader {
    background: -webkit-linear-gradient(#af9358, #ded1b9) !important;
    /* For Safari */
    background: -o-linear-gradient(#af9358, #ded1b9) !important;
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#af9358, #ded1b9) !important;
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#af9358, #ded1b9) !important;
    /* Standard syntax (must be last) */
}
.ksHeader {
    background: -webkit-linear-gradient(#06426b, #93a7c2) !important;
    /* For Safari */
    background: -o-linear-gradient(#06426b, #93a7c2) !important;
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#06426b, #93a7c2) !important;
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#06426b, #93a7c2) !important;
    /* Standard syntax (must be last) */
}