JSFiddle - React, Tailwind, and code Playground

by Ed Bulikyan

HTML

<div class="slider">
  <div class="item"><img src="https://s1.1zoom.ru/big0/930/Coast_Sunrises_and_sunsets_Waves_USA_Ocean_Kaneohe_521540_1280x775.jpg" alt="123"></div>
  <div class="item"><img src="https://s1.1zoom.ru/big0/930/Coast_Sunrises_and_sunsets_Waves_USA_Ocean_Kaneohe_521540_1280x775.jpg" alt="123"></div>
  <div class="item"><img src="https://s1.1zoom.ru/big0/930/Coast_Sunrises_and_sunsets_Waves_USA_Ocean_Kaneohe_521540_1280x775.jpg" alt="123"></div>
</div>

CSS

.item {
  position: absolute;
  top: 200%;
}
.slider{
  height: 800px;
  overflow: hidden;
  /* position: relative; */
	border: 1px solid lime;
}