JSFiddle - React, Tailwind, and code Playground

HTML

<div class="slider">
    <ul>
        <li><img src="http://img3.goodfon.ru/wallpaper/middle/d/2a/shempanze-obezyana-skafandr.jpg" alt=""></li>
        <li><img src="http://img3.goodfon.ru/wallpaper/middle/7/b0/sobaka-fon-drug.jpg" alt=""></li>
        <li><img src="http://img3.goodfon.ru/wallpaper/middle/1/c9/zima-prazdnik-rozhdestvo-zabor.jpg" alt=""></li>
    </ul>
</div>

CSS

.slider{
    border: 3px solid green;
    width: 50%;
    height: auto;
}
ul{
    list-style-type: none;
}

li img{
    
    width: 100%;
    display: block;
}

*{
    padding: 0;
    margin: 0;
}
}