Header Slider not displaying full on mobile

Good morning all,
Have created a slider within the hero section of a website I’m creating – slider works perfectly and displays perfectly on desktop and tablet views but when viewing on mobile, it is not re-adjusting to fit so cuts off the left and right sides. If I go with the cropped version of each of the slider images it works but then that means that it’s too small on the desktop version.

Is there anyway to get around this (short of creating it as a video) or even if there’s a way to make it so it just displays a static picture on mobile.

Many thanks in advance.

The page I need help with: [log in to see the link]