/* Generic Container */

.container { width: 100%; }

/* Actual Slider Element */

.slider {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: auto;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 0; 
  top: 0;
  height: 100%;
}

/* Slider Direct Child Element */

.slider li {
  width: 100%;
  display: none;
  margin: 0;
  padding: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Slider First Direct Child */

.slider li:first-child { display: block; }

/* Slider Images, always flex with width of slider */

.slider li img {
  width: 100%;
  height: 100%;
}