random css does not seem to work

<p><em><strong>Update</strong></em>: im a noob, only works on safari.</p>
<p>i saw this code recently testing the random feature in css.</p>
<p>Seems for me it always lands on 5. So not great randomness.&nbsp;</p>
<p><video style="width: 100%; height: auto;" controls="controls" width="300" height="150">
<source src="/videos/randomroulettecss5always.mp4" type="video/mp4" /></video></p>
<p>Seems i needed to scroll down a bit, or use safari. Do people actually use safari?...&nbsp;</p>
<p><img src="https://i.imgur.com/NA1lVot.png" /></p>
<p>Link: <a href="https://codepen.io/cbolson/pen/GgjgYpX" target="_blank" rel="noopener">Codepen</a></p>
<p>Test: <a href="https://kruxor.com/view/code/PYtK3/">Roulette wheel with CSS random() - Safari / WebKit browsers only</a></p>
<p>&nbsp;</p>