Дело в том, что там происходит какой-то конфликт с css кодом, и через него не получается использовать этот самый css. Так что нужно использовать js, а я в нем не спец
<div class="hex grid-4 invert " style="opacity: 1;">
<a href="/project/slice" style="background-image: url(/uploads/work/300/124022040.jpg);" title="Slice" class="flex">
<div class="inner" style="opacity: 0.88;">
<i class="ss-icon ss-standard huge"></i>
<h3 class="flex">Slice</h3>
</div>
<div class="hex-1"><span class="after" style="opacity: 0.88;"></span></div>
<div class="hex-2"><span class="after" style="opacity: 0.88;"></span></div>
<span class="after" style="opacity: 0.88;"></span>
</a>
</div>