body {
	min-height: 100vh;
}
.container1{
	height: 350px;
	margin :auto;
	position: relative;
	/* width: 200%; */
	display: grid;
	place-items: center;
	overflow: hidden;
}

.slide-container{
	display: flex;
	width: calc(50px * 25);
	animation: scroll 40s linear infinite;
}

@keyframes scroll {
	0%{
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-250px * 9));
	}
}
	

.slide-image{
	height: 250px;
	width: 250px;
    display: flex;
	align-items: center;
	padding: 10px;
	perspective: 100px;
}

img{
	width: 100%;
	transition: transform 2s;
}

img:hover{
	transform:translateZ(20px);
}