.slideshowsh {
  width: 100vw;
  height: 62vh;
  position: relative;
  background: #111111;
  overflow: hidden;
  background-image:url("../img/backslide.jpg");
  background-repeat:no-repeat;
  background-size: contain;
  background-position: center center;
  transform: translate3d(0,0,0);
}
.slideshowsh img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  animation: in 3s ease-in-out 0s 1 normal forwards, out 1s ease-in-out 4s 1 normal forwards, glitch 3s ease-in-out 3.5s 1 alternate forwards;
}

@keyframes in {
	0% {opacity: 0; filter: blur(5px);}
   33% {opacity: 1; filter: blur(0px);}
  100% {opacity: 1; filter: blur(0px);}
}

@keyframes out {
  	0% {opacity: 1; }
	25% {opacity: 1; }
  100% {opacity: 0; }
}

@keyframes glitch {
	0% { 
		opacity: 1;
		transform: translate3d(calc(-1 * var(--gap-horizontal)),1,0);
		-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 70%, 50% 70%);
		clip-path: polygon(0 45%, 100% 45%, 100% 70%, 50% 70%);
	}
	3% {
		-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 30%, 0 30%);
		clip-path: polygon(0 65%, 100% 65%, 100% 30%, 0 30%);
	}
	5% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 70%, 50 70%);
		clip-path: polygon(0 50%, 100% 50%, 100% 70%, 50 70%);
	}
	7% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	9% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 90%, 0 90%);
		clip-path: polygon(0 40%, 100% 40%, 100% 90%, 0 90%);
	}
	11% {
		-webkit-clip-path: polygon(0 52%, 100% 52%, 100% 80%, 0 80%);
		clip-path: polygon(0 52%, 100% 52%, 100% 80%, 0 80%);
		filter: blur(0px);
	}
	13% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	15% {
		-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
		clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
	}
	17% {
		-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
		clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
		filter: blur(10px);
	}
	19% {
		-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
		clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
	}
	20% {
		-webkit-clip-path: polygon(0 74%, 100% 74%, 100% 33%, 0 33%);
		clip-path: polygon(0 74%, 100% 74%, 100% 33%, 0 33%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,1,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}