Carousel image repositioning

Hello! I'm trying to reposition my images on my carousel posts to overlap with the top of the card. I've just used this code on my site and it mostly works but the whole circle isn't showing (cut in half). I'm wondering if I could please get some help with this?

my site is: https://grouse-pepper-fl3e.squarespace.com/home
PW: 123

This is the code I currently have:

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

Thank you so much!!

I added an answer here