body {
    /* px نسيت */
    perspective: 2500px;
}
img {
    /* position: relative أزل */
    vertical-align: middle;
}
.child4 {
    transform: rotateX(90deg) rotateY(180deg);
}

.child5 {
    transform: rotateY(-90deg) translateX(-100%);
}

.child3 {
    transform: rotateY(-90deg) rotateX(180deg);
}

.child6 {
    transform: translateZ(-200px) rotateX(180deg);
}

.child2 {
    transform: rotateX(-90deg) rotateY(180deg);
}

أزل

<div class="child1"></div>

والأفضل جعل perspective: 500px فقط

سلام اخي

تصميم في غايه الروعه ان شاء الله مزيد من الاحتراف و التوفيق