2 column carrd css codes

<style>

@font-face {
font-family:paris;
src:url(https://dl.dropbox.com/s/9m3jot6yibputqx/Paris.ttf);
}

#slideshow01 {
border: 1px solid #333333;
border-radius: .5em;
}

#buttons01 li a {
border: 1px solid #333333;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
}

#container01 > .wrapper {
width: 10em;
height: 8.75em;
border-radius: .5em .5em 0em 0em;
}

#container02 > .wrapper {
width: 10em;
border-radius: 0em 0em .5em .5em;
}

#container03 > .wrapper {
width: 12em;
border-radius: .5em .5em 0em 0em;
}

#container04 > .wrapper {
width: 12em;
height: 14em;
border-radius: 0em 0em .5em .5em;
overflow: auto;
}

#text03 mark, #text05 mark, #text06 mark, #text07 mark {
border: 1px solid #333333;
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 99%);
padding-left: 10px;
padding-right: 10px;
border-radius: 20px;
}

#text04 mark {
font-family:paris;
border: 1px solid #333333;
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 99%);
padding-left: 10px;
padding-right: 10px;
border-radius: 20px;
}

#image02 {
animation: jerk 0.5s infinite;
}

@keyframes jerk {
0% {
transform: rotate(2deg);
}
50% {
transform: rotate(2deg);
}
51% {
transform: rotate(-2deg);
}
100% {
transform: rotate(-2deg);
}
}

@media only screen and (max-width: 600px) {
#container04 {
position: absolute;
right: 0em;
top: 1.25em;
}
}

</style>