.container-box {
    background-image: url(https://i.pinimg.com/1200x/a4/47/0d/a4470dfe3cfc872014d8359b3c5b715d.jpg);
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

img {
    height: 250px;
    width: 180px;
}

.imagecontainer {
    width: 150px;
    height: 200px;
    position: relative;
    transform-style: preserve-3d;
    transform: perspective(1000px);
    animation: gallery 20s linear infinite;
    cursor: pointer;
}

.imagecontainer span {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transform: rotateY(calc(var(--i)*45deg)) translateZ(450px);
    -webkit-box-reflect: below 2.5px linear-gradient(transparent, transparent, #f0e7e9);
}

.imagecontainer span img {
    position: absolute;
    border-radius: 10px;
    border: 3px ridge #ffffff;
}

@keyframes gallery {
    0% {
        transform: perspective(1000px) rotateY(0deg);
    }

    100% {
        transform: perspective(1000px) rotateY(360deg);
    }
}