JSFiddle - React, Tailwind, and code Playground

by Kyle Knight

HTML

<section>
    <div class="pages page-1 active">
        <div class="slideshow"></div>
    </div>
    <div class="pages page-2">
        <div class="slideshow"></div>
    </div>
    <div class="pages page-3">
        <div class="slideshow"></div>
    </div>
</section>

CSS

.active {z-index: 999;}
.pages {width: 100%; height: 100%; position:absolute; top: 0; left:0;}

.page-1 {background-color: #3f232d;}
.page-2 {background-color: #3f2f22;}
.page-3 {background-color: #1f8326;}