Bootstrap flip-card front and back not an top of each other

Question

I am new to HTML/CSS/Bootstrap, so hopefully the solution of my problem is obvious to one of you.

I am creating a flip card that contains a coloured table on the front a