.s-content{
    text-align: center;
    color: white;
    font-size: 40px;
    z-index: 1;
    font-weight: bolder;
  }
  .s-container {
  padding: 2% 0;
  height: 500px;
  position: relative;
  }
  @media only screen and (min-width:600px) {
    .s-slide {
    z-index: -1;
    position: absolute;
    width: 100%;
    top: 2%;
    left: 0;
    height: 110%;
    transition: opacity 1s ease-in-out;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    }
  }
  @media only screen and (max-width:600px) {
    .s-slide {
    z-index: -1;
    position: absolute;
    width: 100%;
    top: 2%;
    left: 0;
    height: 90%;
    transition: opacity 1s ease-in-out;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    }
  }
  .s-container .s-slide.s-show {
  opacity: 1;
  }