JSFiddle - React, Tailwind, and code Playground

HTML

<div id="youtubeThumbs">
<ul class="ytlist">
<li>
<table cellspacing="3" cellpadding="3" border="0">
<tbody>
<tr>
<td valign="top" rowspan="2">
<a class="clip" style="cursor: pointer;">
<span>
<img src="http://i.ytimg.com/vi/1q47bOtV3-Y/hqdefault.jpg">
<em></em>
</span>
</a>
</td>
<td valign="top">
</tr>
</tbody>
</table>
</li>

CSS

.ytlist li > a:before {
color: white;
content: "\25B6";
opacity: 0.5;
position: absolute;
text-shadow: 0 3px black;
z-index: 100;
}