JSFiddle - React, Tailwind, and code Playground

by Adrian Carriger

HTML

<div class="main-slider-container">
 <img src="http://www.w3.org/html/logo/downloads/HTML5_1Color_Black.svg" class="img-responsive">
 <div class="slideme" id="slideme"></div>
</div>

CSS

.main-slider-container{
  position:relative;
   background: blue;

}

#slideme div{
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  right:0px;
  z-index:0;
  border-bottom: 10px solid #000000;
 

}

> img {
  position:absolute;
  height:100%;
  top:0px;
  left:0px;
  z-index:1;
  
}

img {
    background-color: white;
}