JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <img src="http://placehold.it/350x150&text=image1" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image2" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image3" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image4" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image5" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image6" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image7" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image8" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image9" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image10" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image11" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image12" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image13" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image14" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image15" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image16" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image17" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image18" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image19" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image20" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image21" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image22" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image23" />
    </li>
    <li>
        <img src="http://placehold.it/350x150&text=image24" />
    </li>
    <li>
        <img...