.slideshowcss,
.slideshowcss:after { 
	width:60%;
	height: 172vh;
	max-height:30em;
	position:absolute;
	top:0;
	right:0;
	background-position: center 0px;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
}
.slideshowcss div { 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
	animation-name: imageAnimation;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	animation-timeline: ;
}
@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
.no-cssanimations .cb-slideshow div {
	opacity: 1;
}