Add space between photos and round the photo edges in a gallery slideshow:reel.

On the home page, all the way at the bottom is the gallery section I'm hoping to add space between the images in the slide show. In addition, I want all the images to have rounded images.

https://heptagon-violin-7e5e.squarespace.com/

PW: hannie

Thanks!

Like this?

2 hours ago, tuanphan said:

Like this?

No, in the very bottom section that looks like this:
I want to add 36px between each photo and round all the corners of all the pictures to have 20px 🙂

Add this Code to Design > Custom CSS

.gallery-reel-item-src {
    margin: 20px 36px !important;
}

let me know how it goes

2 minutes ago, TheSquareSpacer said:

Add this Code to Design > Custom CSS

.gallery-reel-item-src {
    margin: 20px 36px !important;
}

let me know how it goes

It added spaces between the images, but the image corners were not rounded. Still needing help on CSS to add rounded corners. 

Use this for round

.gallery-reel-list * {
    border-radius: 34px !important;
}