hide overflow of carousel - move image in list carousel

www.kathrynbraunton.co.uk
pw: makeup

Hi there, i'm looking for help with coding to hide the overflow - or next slide, to my carousel.
I have used a particular code to move the image up in the section, but to do this, i've now made the next slide visible on the edge.
Is there another way to move the image instead without affecting the overflow, or is there a way now to re-hide it ?

thanks!
 

code used:

  //image//

section[data-section-id="6516bb8e262f7968a8826f2e"] .user-items-list-carousel__media-container {
  margin-right:10vw!important;

  }
  
  
section[data-section-id="6516bb8e262f7968a8826f2e"] {
.user-items-list-carousel__media-inner {
    position: relative;
    top: -6vh;
}
  
  .user-items-list-carousel__slides-revealer {
    overflow: visible !important;
}
.user-items-list-carousel__gutter {
    overflow: visible;
}