JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sliderFrame">
        <div id="slider">

            <img src="http://i2.cdn.turner.com/cnnnext/dam/assets/150324154025-14-internet-cats-restricted-super-169.jpeg" alt="#cap1" title=""/>
            
            <img src="https://i.ytimg.com/vi/tntOCGkgt98/maxresdefault.jpg" alt="" title=""/>
            <img src="https://www.petfinder.com/wp-content/uploads/2013/09/cat-black-superstitious-fcs-cat-myths-162286659.jpg" alt="#cap2" title=""/>
            <img src="https://upload.wikimedia.org/wikipedia/commons/1/1e/Large_Siamese_cat_tosses_a_mouse.jpg" alt="" title=" Support Team" />
            <img src="http://www.cats.org.uk/uploads/branches/211/5507692-cat-m.jpg" alt="" title=" Social Medias" />
        </div>
</div>

CSS

#sliderFrame {
    width:100%;
    height:100px;
    position:relative;
}
#sliderFrame #slider {
    width:100%;
    height:100%;
    position:relative;
    background:#fff url(loading.gif) no-repeat 50% 50%;
    box-shadow: 0px 1px 5px #999999;
}
#sliderFrame #slider img {
    width:100%;
    position:absolute;
    top:0;
    left:0;
}