Adjusting Slider Arrows According to Content Height

Working on creating a Slider with the arrows below that function like a ‘next’ and ‘previous’ for more information.

As seen below, I got the arrows placed where I want them to go and functioning, the problem arises when I go to the next slider.

The content of the next section is shorter, so the arrow placement is off. I’d ideally like the arrows to be snug up under the content – flex with the content length regardless of how long. As you see below, the space between the shorter content and the arrows creates awkward blank space.

Is there a way to fix that? Or am I better off having the arrows placed elsewhere so content length doesn’t matter?


Here is Staging link: 3 Stages of Creating a Continuous Learning Journey | BenchPrep