.timp-slideshow {
	position: relative;
	max-width: 100%;
	aspect-ratio: 8 / 3;
	overflow:hidden;
}

.timp-slideshow-images {
	position: relative;
	display: flex;
	
	flex-direction: row;
	height: 100%;
	left: -25vw;
}

.timp-slideshow-images img {
	float: left;
	width: 50vw;
	aspect-ratio: 4 / 3;
	flex-shrink: 0;
}

.timp-slideshow-images img.blur {
	filter: blur(2px);
}

.timp-slideshow button {
	position: absolute;
	font-size: 2rem;
	border-radius: 50%;
	aspect-ratio: 1;
	height: 10%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	top: 50%;
	filter: opacity(0%);
	transition: filter 0.5s;
	
	background: #1117;
	color: #ffffff;
	font-family: sans-serif;
	cursor: pointer;
}

.timp-slideshow:hover button,
.timp-slideshow:target button{
	filter: opacity(100%);
}

.timp-slideshow-left {
	left: 10%
}

.timp-slideshow-right {
	right: 10%
}

@media screen and (max-width: 950px) {
	.timp-slideshow {aspect-ratio: 4.4 / 3;}
	.timp-slideshow-images { left: -90%;}
	.timp-slideshow-images img {width:90vw;}
	.timp-slideshow button {
		filter: initial;
		top: initial;
		bottom: 4%;
	}
	.timp-slideshow-left {left: 1%;}
	.timp-slideshow-right {right: 1%;}
}

@media screen and (max-width: 950px) and (min-aspect-ratio: 1) {
	.timp-slideshow {
		margin:auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		aspect-ratio: initial;
		max-height: 80vh;
	}
}