Responsive Height Testimonial Slider

Hi, I have a testimonial slider block on my home page and whilst it looks okay on desktop, it appears way too long on mobile view. One of the testimonials is a lot longer so the overall section sizes accommodates for this. Unfortunately this makes the other slides look weird as there's a lot of blank space showing. Is there some code I could use to make the section fit to the amount of the text?

URL is: jaguar-oboe-r9kk.squarespace.com

Password is: Test

This section is built to be the same height based on the maximum content, and done this way to reduce the visual shift vertically which is generally undesirable. 

Honestly, the best way to make this look good is to match the text length with this type of design.

Hi, thanks for responding. I have reduced the content causing the section to be super long. I still feel like the padding is too much at the top and bottom of the section. Is there a way to reduce this at all? Again it only looks too much in mobile view.

If you still need help, you can use this code to reduce padding

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="64bf97678375e62844c256dc"] ul {
    min-height: unset !important;
}

.user-items-list-item-container[data-section-id="64bf97678375e62844c256dc"] .slide-content {
    margin-top: 0px !important;
 margin-bottom: 0px !important;
}
}