.box {
    padding : 20px;
    position: relative;
    display : inline-block;
    width   : 570px;
    height  : 630px
}

.box1 {
    padding : 20px;
    position: relative;
    display : inline-block;
    width   : 370px;
    height  : 630px
}

.card {
    position  : absolute;
    z-index   : 1;
    left      : 50%;
    top       : 60%;
    transform : translate(-50%, -50%);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5)
}

.card--1 {
    height: 115px;
    width : 264px
}

.card--2 {
    height: 300px;
    width : 300px
}

.card--3 {
    height: 490px;
    width : 695px
}

.card--grey {
    background-color: #cecece
}