Edit: I am still totally unable to fix this issue and could use some help! I’m having a hard time explaining what I need help with
I made a slideshow style series of videos for my product page using no JS. I isolated this part of the product page into a seperate pen to make is easier to work on. I’ve gotten it to a point where the videos and controls are responsive, and the element behind it is responsive, but I can’t make them responsive together.
I need the slider to occupy space in the flow of the page so that I can set the parent background < section > height to auto so that the height of the section is wrapped around the slider and adjusts as the slider changes sized. The slider is an absolute element, in a relative element, in an absolute element, in a relative element. I need the slider to physically exist in the flow of the design.
Can someone help point me in the right direction?