Slider 3

Note: Slider overflow to right see content-7 for preview

// Function to adjust the height of the slider-wrapper based on the slider-height element
function adjustSliderWrapperHeight() {
    // Get the slider-wrapper element
    var sliderWrapper = document.querySelector('.slider-wrapper');
    // Get the slider-height element
    var sliderHeight = document.querySelector('.slider-height');
    // Get the height of the slider-height element
    var height = sliderHeight.offsetHeight;
    // Set the height of the slider-wrapper element
    sliderWrapper.style.height = height + 'px';
}

// Call the function on window load
window.addEventListener('load', adjustSliderWrapperHeight);

// Call the function on window resize
window.addEventListener('resize', adjustSliderWrapperHeight);

Slider 2

Slider 1