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: