.slideshow {
	margin: 0 auto;
	height: 125px;
	width: 100%;
	background-color: #121212;
	box-sizing: border-box;
}
.skills-container {
	margin: auto;
	width: 190px;
	perspective: 800px;
	position: relative;
	padding-top: 80px;
}
.skills-carousel {
	width: 100%;
	position: absolute;
	float: right;
	animation: skills-animate 15s infinite linear;
	transform-style: preserve-3d;
}
.skills-carousel:hover {
	/* animation-play-state: paused; */
	cursor: pointer;
}
.skills-carousel figure {
	width: 100%;
	height: 120px;
	border: 1px solid #121212;
	overflow: hidden;
	position: absolute;
}
.skills-carousel figure:nth-child(1) {
	transform: rotateY(0deg) translateZ(350px); 
} 
.skills-carousel figure:nth-child(2) {
	transform: rotateY(32.7deg) translateZ(350px); 
} 
.skills-carousel figure:nth-child(3) {
	transform: rotateY(65.4deg) translateZ(350px); 
} 
.skills-carousel figure:nth-child(4) {
	transform: rotateY(98.1deg) translateZ(350px); 
} 
.skills-carousel figure:nth-child(5) {
	transform: rotateY(130.8deg) translateZ(350px); 
} 
.skills-carousel figure:nth-child(6) {
	transform: rotateY(163.5deg) translateZ(350px); 
} 
.skills-carousel figure:nth-child(7) {
	transform: rotateY(196.2deg) translateZ(350px); 
} 
.skills-carousel figure:nth-child(8) {
	transform: rotateY(228.9deg) translateZ(350px); 
} 
.skills-carousel figure:nth-child(9) {
	transform: rotateY(261.6deg) translateZ(350px); 
} 
.skills-carousel figure:nth-child(10) {
	transform: rotateY(294.3deg) translateZ(350px); 
} 
.skills-carousel figure:nth-child(11) {
	transform: rotateY(327deg) translateZ(350px); 
} 
.skills-slide {
    position: absolute;
    box-shadow: 0px 0px 20px 0px black;
    border-radius: 1px;
    background-color: #2f89fc;
}
.skills-carousel img {
	image-rendering: auto;
	transition: all 300ms;
	width: 100%;
	height: 100%;
  padding: 20px;
  /* filter: grayscale(50%); */

}
.skills-carousel img:hover {
	transform: scale(1.1);
	transition: all 300ms;
}
.skills-logo {
  object-fit: contain;
}
@keyframes skills-animate {
	from {
		transform: rotateY(0deg);
	} to {
		transform: rotateY(360deg);
	}
}