.contenedor{
    height: 300px;
    width: 300px;
    perspective: 1000px;
    border: 1px solid red;
    margin: auto;
}
.box{
    height: 100%;
    width: 100%;
    transform-style: preserve-3d;
    transform: rotateY(360deg);
    transition: 2s;
}
:root{
    --transladacion: translateZ(150px);
}
.elementos{
    height: 100%;
    width: 100%;
    transform-style: preserve-3d;
    position: absolute;
}
.elementos:nth-child(1){
    transform: rotateY(0deg) var(--transladacion);
}
.elementos:nth-child(2){
    transform: rotateY(180deg) var(--transladacion);
}
.elementos:nth-child(3){
    transform: rotateY(90deg) var(--transladacion);
}
.elementos:nth-child(4){
    transform: rotateY(-90deg) var(--transladacion);
}
.elementos:nth-child(5){
    transform: rotateX(-90deg) var(--transladacion);
}
.elementos:nth-child(6){
    transform: rotateX(90deg) translateZ(-200px);
    background-color: #fff;
}

.item{
    height: 100%;
    width: 100%;
    transform-origin: bottom;
    clip-path: polygon(50% 0%,0% 100%, 100% 100%);
    transform: rotateX(30deg);
}
.item img{
    height: 100%;
    width: 100%;
}