.index-banner-container{
  position: relative;
  
}
.index-banner-overlay{
  position: absolute;
  width: 100%;
  top: 10%;
  bottom: 0;
}
.index-banner-overlay .h1{
  font-size: 1.5rem;
}


@media (min-width:992px) {
  .index-banner-container{
    min-height: 530px;
    
  }
  .index-banner-overlay{
    position: absolute;
    width: 100%;
    top: 15%;
    bottom: 0;
  }
  .index-banner-overlay .h1{
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
  }
  .index-banner-overlay p{
    font-size: 1rem;
  }
  
}
.scroll-wrapper{
  overflow: hidden;
}
.scroll-wrapper > ul{
  display: flex;
  list-style: none;
  width: 9999px;
  margin-bottom: 0;
  padding-left: 0;
}
.scroll-wrapper > ul > li{
  transition: 1s;
}