.BildSchachtel {
	left: 30%;
display: flex;
justify-content: center;
align-items: center;	
position: relative;
width: 300px;
height: 200px;
transform-style: preserve-3d;
animation: animate 50s linear infinite;
}

.BildSchachtel span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; <!-- Seitenverhältnis -->
transform-origin: center;
transform-style: preserve-3d;
transform: rotateY(calc(var(--i) *60deg)) translateZ(350px);
}

.BildSchachtel span img {
position: absolute; 
top: -50;
left: 0;
width: 80%;
height: 80%;
object-fit: cover;
border-bottom: 5px;
}

@keyframes animate {
0% {transform: perspective(800px) rotateY(0deg);} 
100% { transform: perspective(800px) rotateY(360deg);} 
}
