<div class="carousel-container">
  <div class="cdt-carousel" data-infinite="true" data-auto-slide="false" data-carousel-type="slide-sense" data-opacity-duration="4000" data-slide-delay="3000" >
    <section></section>
    <section></section>
    <section></section>
    <section></section>
    <div class="controls">
      <span class="arrow left"></span>
      <span class="arrow right"></span>
      <ul>
        <li>
          <span></span>
        </li>
        <li>
          <span></span>
        </li>
        <li>
          <span></span>
        </li>
        <li>
          <span></span>
        </li>
      </ul>
    </div>
  </div>
</div>
/* line 1 */
body {
  margin: 0;
}
.carousel-container {
  position: relative;
  margin: 10px auto;
  width: 90%;
  border-radius: 3px;
  overflow: hidden;
  height: 400px;
  overflow: hidden;
}
/* line 5 */
.cdt-carousel section:nth-child(1) {
  background-image: url("https://images.pexels.com/photos/257360/pexels-photo-257360.jpeg?auto=compress&cs=tinysrgb&h=350");
}
/* line 8 */
.cdt-carousel section:nth-child(2) {
  background-image: url("http://residence-in-nature.se/files/images/residence-in-nature--RiN_Fotodok_MG_0400-640x425.jpg");
}
/* line 12 */
.cdt-carousel section:nth-child(3) {
  background-image: url("http://awakeningtimes.com/wp-content/uploads/2015/03/nature-dancing.jpg");
}
/* line 16 */
.cdt-carousel section:nth-child(4) {
  background-image: url("https://img.myswitzerland.com/681916/573");
}