JSFiddle - React, Tailwind, and code Playground

by ckissi

HTML

<div class="container">
    <img src="https://randomuser.me/api/portraits/men/46.jpg" alt="" />
    <img src="https://randomuser.me/api/portraits/men/40.jpg" alt="" />    
    <img src="https://randomuser.me/api/portraits/men/41.jpg" alt="" /> 
    <img src="https://randomuser.me/api/portraits/men/9.jpg" alt="" /> 
    <img src="https://randomuser.me/api/portraits/men/3.jpg" alt="" /> 
</div>

CSS

:root {
  	--tw-space-x-reverse: 0;
}


.container {
 display:flex;
 overflow: hidden;
 padding-left:0.5rem
}
.container img {
   display: inline-block;
   height: 50px;
   width: 50px;
   border-radius: 100%;
   border: 2px solid #666;   
   margin-right: 0;
   margin-left: -.5rem;
}