how to stop React-responsive-carousel scaling to height of its child elements?

Question

I have set up a carousel with a display flex:1 the idea being to make it take up as much height as available to it which works as intended(can be tested by setting a fixed heigh