Issues with Slider Mask Responsiveness Mobile

Hi, I’ve created a slider with an outer border and then styled the buttons so they are beside each other inside the border.

I have these buttons set to absolute positioning that adheres inside to the bottom left side of the slider.

I have the mask set auto however at some mobile sizes the mask appears bigger than the slider content causing the buttons to not be in place.

Is there any way I can stop this from happening?

Any help would be greatly appreciated.

The page is - Home page > Choose Your Level Of Service on mobile

Thank you!


Here is my site Read-Only: https://preview.webflow.com/preview/vancouver-visas?utm_medium=preview_link&utm_source=dashboard&utm_content=vancouver-visas&preview=b23ddc75af060b3f9cbef4e4119c1bb0&mode=preview