Images in testimonials carousel have funky borders (and text)

Hi, could someone advise on how to adjust the borders around the images in my testimonials carousel?

https://cone-marigold-rnzp.squarespace.com/

I applied a border similar to how I applied a thin border around other images on the page using custom CSS but for some reason it looks like the border isn't centered along the edge of the photos.

The CSS I used is:

.user-items-list-carousel .list-item { 
  border: 1px solid #223a5e;
  border-radius: 20px !important;
}

Additionally, is it possible to change the font being used in the carousel quotes? I would like to use a paragraph font instead of headline font.

Thank you!

Thank you SO Much, @Wolfsilon! That worked perfectly.

Do you happen to know how I could remove the little bit of spacing below each of the cloud graphics? I can't figure out how to make the white clouds go seamlessly into a white section.

Thank you again!

On 12/3/2022 at 9:27 AM, LJHPNW said:

Thank you SO Much, That worked perfectly.

Do you happen to know how I could remove the little bit of spacing below each of the cloud graphics? I can't figure out how to make the white clouds go seamlessly into a white section.

Thank you again!

Remove these space?

@tuanphan the spaces I'm trying to remove are below the cloud dividers. You can see the small spaces in the screenshots I've attached.

Thanks for your help!

On 12/6/2022 at 4:10 AM, LJHPNW said:

@tuanphan the spaces I'm trying to remove are below the cloud dividers. You can see the small spaces in the screenshots I've attached.

 

Thanks for your help!

Did you solve it? I see no cloud now