JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <img src="http://placehold.it/400x225&text=%7B+img+%7D" alt="img 1" />
    </li>
    <li>
      <img src="http://placehold.it/400x225&text=%7B+img+%7D" alt="img 1" />
    </li>
    <li>
      <img src="http://placehold.it/400x225&text=%7B+img+%7D" alt="img 1" />
    </li>
    <li>
      <img src="http://placehold.it/400x225&text=%7B+img+%7D" alt="img 1" />
    </li>
</ul>

CSS

ul { margin:60px; padding:0; list-style-type:none; }
ul li { display:inline-block; margin:0; padding:0; box-shadow:0 0 15px 5px #000; }
ul li img { margin:0; padding:0; }