Bootstrap 4: fitting image content inside parent div

Question

Using Bootstrap grids, I have split the full page into two rows (25% height and 75% height). I like an image to be contained inside the first 25% row in a responsive manner.