JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <img src="http://dummyimage.com/100&amp;text=1" alt="1" />
    <img src="http://dummyimage.com/100&amp;text=2" alt="2" />
    <img src="http://dummyimage.com/100&amp;text=3" alt="3" />
    <img src="http://dummyimage.com/100&amp;text=4" alt="4" />
    <img src="http://dummyimage.com/100&amp;text=5" alt="5" />
    <img src="http://dummyimage.com/100&amp;text=6" alt="6" />
    
    <img src="http://dummyimage.com/100&amp;text=7" alt="7" />
    <img src="http://dummyimage.com/100&amp;text=8" alt="8" />
    -->
</div>

CSS

div {
    width: 200px;   
}
img
{
    float: right;
    clear: right;
}
img + img + img + img + img { /* ou img:nth-child(n+5) { */
    position: relative;
    top: -300px;
    float: left;
    clear: left;
}