The hero image on the home page has different dimensions than the one on the results page. That is why it doesn't have to shrink as much to fit on a smaller screen. Since the image on the results page starts so wide, it ends up being much shorter on the screen.
To prevent the image dimensions from being skewed based on the page size, I think the best option is to not set a height attribute for the image and let the height be set automatically.
Find anywhere in the css that references the style:
.card-img-top {
And remove the height attribute so that the height is determined by the width.