css Any one of you nice people know how to reposition list carousel images using CSS?

I'm creating my testimonials in a list carousel and would like the images of the people to overlap the card. I am having a heck of time. I've tried all sorts of codes (targeting the image/ the container using overflow and none of them work.)
 Does it have something to do with the section above because when I apply a negative margin value the images are obscured. 

I would be so grateful for even a CLUE on how to make this work?

(The password for the site is: me)

Hi,

What is page url?

https://cube-kazoo-8lpm.squarespace.com/ Thanks Tuanphan! 

On 10/25/2023 at 2:41 AM, andreallevin said:

https://cube-kazoo-8lpm.squarespace.com/ Thanks Tuanphan! 

Add to Website Tools (under Not Linked) > Custom CSS

/* testimonial */
.user-items-list-item-container[data-section-id="64ee3fc86963f41f1d41ca12"] {
.user-items-list-carousel__media-container {
    position: absolute;
    top: -68px;
    z-index: 9999999;
    left: 50%;
    transform: translateX(-50%);
}
.user-items-list-carousel__gutter {
    overflow: visible;
}
li.user-items-list-carousel__slide {
    padding-top: 100px !important;
}}
body {
    overflow-x: hidden;
}