.mission-vision {
    perspective: 1500px;
}

.product-cube {
    width: 50px;
    height: 50px;
    position: absolute;
    transform-style: preserve-3d;
    z-index: 1;
}

.cube__face {
    position: absolute;
    width: 100%;
    height: 100%;
    color: white;
    text-align: center;
    opacity: 20%;      
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.1);
}

.cube__face--front   { transform: rotateY(  0deg) translateZ(25px); }
.cube__face--right   { transform: rotateY( 90deg) translateZ(25px); }
.cube__face--back    { transform: rotateY(180deg) translateZ(25px); }
.cube__face--left    { transform: rotateY(-90deg) translateZ(25px); }
.cube__face--top     { transform: rotateX( 90deg) translateZ(25px); }
.cube__face--bottom  { transform: rotateX(-90deg) translateZ(25px); }