Interactive Video Card - Copy this Html, Bootstrap Component to your project

I need a card with image on top. The image res should be 1920*1080. Below the image should be the title of the card. The footer part with title should only be displayed on hovering the mouse on the card, otherwise it should be hidden. Also, on hovering the mouse on the card, the card should scale out. Also, at the end tof the image, there should be a progress bar displayed. This is to indicate the time watched for the video as these cards represent the videos of an ott platform. There should be a text(in white) at the bottom of the image(above the progress bar) to show the minutes of vieo left something like '2 out of 6m'. The footer background should be black and text white.