.slides {
	display: flex;
	overflow-x: auto;
	overflow-x: auto;
}

.slides>div {
	display: flex;
	flex-shrink: 0;
	width: 100%;
	height: 300px;
	scroll-snap-align: start;
	scroll-behavior: smooth;
	background: #74ABE2;
	justify-content: center;
	align-items: center;
	font-size: 100px;
}
.carousel .item img {
   left: -9999px;  /*important */
   right: -9999px;  /*important */
   margin: 0 auto;  /*important */
   max-width: none;  /*important */
   min-width: 100%;
   position: absolute;
}