Removing Slider images on mobile

Hi,

I have a slider on my homepage that looks great on desktop but when viewing on mobile or smaller screens the slider images do not fit properly. How can i remove the images on smaller screens (keeping the buttons and text on the sliders) but not desktop? If i cannot remove them for mobile is there a way i can make the images fit better and be clearer for mobiles?

I tried different @media CSS on the Additonal CSS tab but not sure if i put it in the right place or if that matters?

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