stats preview card component

I had no idea how to add the purple overlay over the image. I also had trouble aligning the stats in a column for the mobile view. For the html I had used a table with two table rows. The first held 3 td's for the stats. the second table row held 3 td's for the stat headings. This layout worked perfect for the web view but I couldn't figure how to transform it for the mobile view in a column layout without completely changing the html and redesigning my css. Does anyone know any alternatives?