Testimonial slider fixed height

Hi Enfold team!

I have dedicated page where the testimonials are displayed with a large slider and with their full content (default setting).
It is with a CSS class SB-Temoi

I now need to display a copy of this testimonial on another page but the slider needs to have a fixed height for its content.
I’ve made a template from the original testimonial slider (large and full content slider of the dedicated page) and associated it with another class: “SB-TemoiPA”.
I tried to use the follwing code: .SB-TemoiPA .avia-slider-testimonials .avia-testimonial-content { height: 100px; }
but is does not work with the class.
It works fine if I use it without the CSS class: .avia-slider-testimonials .avia-testimonial-content { height: 100px; } but then, of course, it also applies on the original slider which I don’t want.

Thanks in advance to let me know what you would suggest to get it the right way.

Have a great day,
Steph