html, body{
    margin:0;
    padding:0;
}
body{
    width:350px;
    height:250px;
    font-family:"Arial";
    line-height:30px;
}
.two-cards div{
    display:inline-block;
    position:relative;
    width:120px;
    height:180px;
    margin:10px;
    margin-top:30px;
}
.ace-heart {
    position: relative;
    background: url(/assets/pcourse2/heart-ace.png) white 50% 50% no-repeat;
}

.ace-heart:before {
    content: "A";
    position: absolute;
    top: 5px;
    left: 5px;
    color: red;
    font-weight: bold;
    font-size: 25px;
    background: url(/assets/pcourse2/heart-icon.png) white 50% 100% no-repeat;
    height: 50px;
}
.ace-heart:after {
    content: "A";
    height: 50px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: red;
    font-weight: bold;
    font-size: 25px;
    background: url(/assets/pcourse2/heart-icon.png) white 50% 100% no-repeat;
}

.two-spade {
    position: relative;
    background: url(/assets/pcourse2/spade-two.png) white 50% 50% no-repeat;
}

.two-spade:before {
    content: "2";
    position: absolute;
    top: 5px;
    left: 5px;
    color: black;
    font-weight: bold;
    font-size: 25px;
    background: url(/assets/pcourse2/spade-icon.png) white 50% 100% no-repeat;
    height: 50px;
}
.two-spade:after {
    content: "2";
    height: 50px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: black;
    font-weight: bold;
    font-size: 25px;
    background: url(/assets/pcourse2/spade-icon.png) white 50% 100% no-repeat;
}

/* неочевидная деталь */
.two-cards div:before, .two-cards div:after{
    width: 20px;
}
/* автоматический поворот нижней иконки */
.two-cards div:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*
Ссылки на изображения:
/assets/pcourse2/heart-ace.png - большое изображение для червового туза
/assets/pcourse2/heart-icon.png - маленькая иконка червовой масти
/assets/pcourse2/spade-two.png - большое изображение для пиковой двойки
/assets/pcourse2/spade-icon.png - маленькая иконка пиковой масти

Все значения указаны в пикселях и кратны 5
*/