Video Image Card - Copy this React, Tailwind Component to your project

I need a component which has an image of aspect ratio 16:9 and height of 200px. At the bottom of the image, there is time mentiones, like 2 out of 6m. This is the time left for the video progress. Below this time, there is a progress bar in red color which shows the progress of the video. On hoverich over this image, it scales bigger. Also, one hovering, from the bottom of the image downwards, appears a footer which has title and description and a black background. This footer appears downwards from the bottom of the image in an animated way. If the image is not hovered over, the footer will not display.