Card images in row

Hi, I want my card images - which are different in size / proportions - displaying with the same height. Width is ok. After looping through datas in back-end with MDBCard, I already achieved to get my datas displaying on 3 columns thanks to <MDBCol md='4'>.

<MDBCardImage cascade className='img-fluid... doesn't seem to have any effect on it. I tried many className settings through <MDBCardImage> tag and it led to no change.

Here is a screen what is displayed with my code, and the code :

`

            <MDBRow>
                {
                    this.state.produits.map(
                        produits =>
                            <MDBCol md='4'>
                                <MDBCard wide>
                                    <MDBCardImage
                                        cascade
                                        className='img-fluid'
                                        overlay="white-light" 
                                        hover
                                        src={produits.photoPath}
                                        alt={produits.name}
                                    />
                                    <MDBCardBody cascade className='text-center'>
                                        <MDBCardTitle className='card-title'>
                                            <strong>{produits.name}</strong>
                                        </MDBCardTitle>
                                        <p className='font-weight-bold blue-text'>{produits.type}</p>
                                        <MDBCardText>
                                            Sed ut perspiciatis unde omnis iste natus sit voluptatem
                        accusantium doloremque laudantium, totam rem aperiam.{' '}
                                        </MDBCardText>
                                        <MDBCardFooter className='px-1'>
                                            <span className='float-left font-weight-bold'>
                                                <strong>{produits.price} €</strong>
                                            </span>
                                            <span className='float-right'>
                                                <MDBTooltip domElement placement='top'>
                                                    <i className='grey-text fa fa-shopping-cart mr-3' />
                                                    <span>Add to Cart</span>
                                                </MDBTooltip>
                                                <MDBTooltip domElement placement='top'>
                                                    <i className='grey-text fa fa-share-alt mr-3' />
                                                    <span>Share</span>
                                                </MDBTooltip>
                                                <MDBTooltip domElement placement='top'>
                                                    <i className='grey-text fa fa-heart' />
                                                    <span>Add to Whishlist</span>
                                                </MDBTooltip>
                                            </span>
                                        </MDBCardFooter>
                                    </MDBCardBody>
                                </MDBCard>
                            </MDBCol>
                    )
                }
            </MDBRow>
        </MDBContainer>

`