Image Carousel (Portfolio Content Section) Images Spacing

Website: https://www.adrianjng.com/home2

I have managed to make all images the same height, with auto width set with this code below:

@media screen and (min-width:768px) {
.user-items-list-item-container[data-section-id="667244d4434d0c43bd617e11"] .user-items-list-carousel__media {
    height: 350px;
    width: auto;
}
}

However, the images are now overlapping each other with weird margins as well 😕

I would like to have the images to not overlap one another while maintaining the same height, different width.

I have attached an image of the desired look below.

Thanks a lot!!!! 😄

Page url doesn't work. Can you check it again?