.triple-image-block {
    position: relative;
    padding-bottom: 30%;
    box-sizing: border-box;
    max-width: 500px;
}
.triple-image-block img{vertical-align: bottom;}
.triple-image-block>:first-child {
    width: 60%; display: inline-block;
}

.triple-image-block>:nth-child(2) {
    position: absolute;
    left: 60%;
    top: 16%;
    width: 40%;
    height: auto;
}
.triple-image-block>:nth-child(3) {
    position: absolute;
    left: 39.5%;
    top: 54.5%;
    width: 40%;
    height: auto;
}
.triple-image-block.main-image-right>:first-child {
    margin-left: 40%;
}
.triple-image-block.main-image-right>:nth-child(2) {
    left: 0%;
}
.triple-image-block.main-image-right>:nth-child(3) {
    left: 20.5%;
}
.triple-image-block.main-image-bottom{
    padding-bottom: 0%;
}
.triple-image-block.main-image-bottom>:first-child {
    margin-top: 30%;
}
.triple-image-block.main-image-bottom>:nth-child(2) {
    top: auto; bottom:18%;
}
.triple-image-block.main-image-bottom>:nth-child(3) {
    top: auto; bottom:56%;
}