Card component css absolute positioning of card image

I faced a problem while absolute positioning the overlay above the ethereum(card main image). It shows some empty space at the bottom of the image.

Image showing faced problem

This is solved when I thought about the spacing for element(e.g. CSS box model). From inspection I made sure there is no margin or padding creating the problem. Then I thought about the content size in the box model. I knew text content takes an height equal to the line height for each line. As images are inline elements, it was following the rule for text contents of line-height. So, I just removed the line height in it's container.