TwentyTwenty appears to manipulate image heights

[MCFHTAGENTS]

I have created a very simple application of TwentyTwenty (see here for the prototype ignoring the certificate error: https://tagentsbarn.carillon.co.uk/Home/Accommodation

The images are styled as <figure class="hero-img"> <img src="~/images/accomm_ground-floor-bed.jpg"> </figure>

and the TwentyTwenty component as
`

                    <img src="~/images/accomm_mezzanine-bed_2.jpg">
                </div>`

but the problem I have is the TwentyTwenty compoent seems to be reducing the height of the images. How can I prevent it doing this to make them the same size?

Thanks Mark

[MCFHTAGENTS]

Found out this was a min-height style being applied in a different element