Coding HTML & CSS Flip Cards

[Inspired83569]

I am currently looking at changing up my homepage design and wanted to do a bit of HTML and CSS coding. 

I came across this Pen on Codepen and wanted to know how I could implement it on my website's homepage: https://codepen.io/travisw/pen/VGzGye

Do I just use the 'embed code element' to do this, or do I have to go into the HTML and CSS files of the site, if so where do I go to do it specifically for one part of the page. 

I'm fairly new to coding so that's why I've gone for the pre-written code that I can just personalise to my site. 

If someone could advise me on how to do this, I would really appreciate it.

Many thanks!

[Adam7]

Pasting both into an Embed Code element is probably the easiest, @Inspired83569. The CSS portion would only need to be added once, and the other part could be added more than once if you wanted more than one flip card.

[Inspired83569]

@Adam Ok, thank you. So say if I had three embed code elements, for the HTML of each flip card. Where would I need to put the CSS element on the page?

[Adam7]

I would put it in either one more embed code element on top of the other three, or put it in the Header Code field for the page on the Pages tab.

[Jony22]

I am developer help me i made a my website which is not working well ,i checked it many times but i can't find any problem check it.