How to Reduce Mobile Spacing Between Rows

I have noticed that when adding multiple rows, a lot of margin/padding is added above and below the element (image, etc).

How can I reduce this spacing?

Example 1:
I have a row with 2 columns, each containing an image block.
On desktop, these appear perfectly side by side.
On mobile, they appear stacked (as expected) but there’s a lot of vertical spacing between the images.
In addition, there’s a lot of space between that row and the row below it.
How can I reduce this spacing?

Screenshot: https://drive.google.com/file/d/1UA2RsgQxPbmezuH1f1sY4UhskjzHhY9_/view?usp=sharing

Example 2:
I have the revolution slider setup as the top row.
Below that I have a row with a different color background.
My expectation is that on both mobile and desktop, the bottom of the revolution slider would touch the different color background of the row below (with no blank space).
On desktop this seems to be working.
However, on mobile, there’s a lot of blank space below the Revolution slider.
How can I remove this space?

Example Screenshot: https://drive.google.com/file/d/1-iKlJvJq9PA3AiOOTBh3nssilMPZ7k9t/view?usp=sharing

Also, is it possible to specify that the revolution slider be “taller” on desktop (and size the images accordingly)?
This way I have wider images on desktop and taller images (portrait) on mobile.

Thanks in advance!

Thanks Vlad.

Unfortunately, I have played with the CSS options and I cannot get rid of the huge white space on mobile devices below the revolution slider row.

Screenshot: https://drive.google.com/file/d/14Gm4gabt_KQ9_kU8ng9xBZUAfPaZKdb8/view?usp=sharing

Issue 1: The bottom of the revolution slider should be touching the top of the dark gray row below it. The huge blank area of white space should not exist.

Issue 2: The revolution slider should fit to 100% of the screen width so there is no white space to the right/left of the slider image. I selected Row Stretch = Stretch Row and Content, but that didn’t work. Note that on desktop it properly fills the entire width/row.

The revolution slider element does not have any CSS settings.

On the row CSS (for mobile) I set the bottom margin at -50 and could see that it moved things up, but not nearly enough. If I do “-350” then I can see it moves it up, but then within the Editor, I can no longer see the row at all. And that is too big a number that something must be wrong. The same problem happens if I edit the column mobile CSS.

Please advise how to resolve this.

Note that using your previous screenshot, I was able to resolve the spacing issue between the image blocks below.

Thanks in advance.

Any update this?

I’ve tried a variety of things but aren’t having any luck.

Thanks in advance.