JSFiddle - React, Tailwind, and code Playground

HTML

<table id="opcionesinicio">
				<tr>
					<td>
						<img src="http://placehold.it/200x200" class="img-responsive"/>
					</td>
					<td>
						
						<img src="http://placehold.it/200x200"  class="img-responsive"/>
					</td>
					<td>
						
						<img src="http://placehold.it/200x200"  class="img-responsive"/>
					</td>
					<td>
						<img src="http://placehold.it/200x200"  class="img-responsive"/><br />
						
					</td>
					<td>
						<img src="http://placehold.it/200x200"  class="img-responsive"/><br />
						
					</td>
					
					
				</tr>
			</table>

CSS

#opcionesinicio{
    width:100%
}
       .img-responsive  {
           max-width: 100%; 
            width: auto;  
       }

@media screen and (max-width:550px){
    td{
        float:left;
   
    }
}