JSFiddle - React, Tailwind, and code Playground

by Glynne Turner

HTML

<div class="wrapper">
    <div class="slider"></div>
</div>

CSS

.wrapper {
    width: 90%;
    margin:0 auto;
}
.slider {
  height:100vh;
    background-image:url(http://derailed.progressionstudios.com/wp-content/uploads/2014/02/shutterstock_120154516-2000x900.jpg);
    background-size:cover;
    background-position:center;
    background-size:auto 100%;
    background-repeat:no-repeat; 
}