#ParallaxSlider { .tns-inner{ direction: ltr; } #ParallaxSliderTns > div{ position: relative; overflow: hidden; height: 750px; } .parallax-slide-item{ display: flex; align-items: center; justify-content: start; width: 100%; height: 750px; color: var(--parallax-color); } // scss .parallax-slider { position: absolute; top: 0; left: 0; width: 100%; height: 750px; background-size: 100% auto; background-position: center 0; } .main-content{ position: relative; z-index: 2; max-width: 80%; width: 500px; } } /*-1000px width*/ @media (max-width: 1000px) { .parallax-slider{ background-size: auto 125vh !important; } }