Fullscreen slider inside elements

Hi!

We would like to freshen up our homepage and we have an idea to create a fullscreen slider at the top of the page. Beneath this element we want 6 images, 2 rows with 3 images on each row, with no space around the images. This how we want it look when we are looking on a laptop / pc. But when we are looking at it on a mobile device, we want all these 6 image to display like a fullwidth slider.

I.e. is it possible to have an image that covers just a third of the page width on the pc, but all of the page width (like a fullscreen slider) on a mobile device.

(It was not possible to not drag and drop the fullscreen slider in a 1/3 layout element.)